步骤一:先创建top.html,left.html,right.html、

top:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 头部 </body> </html>

left:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul> <li><a href="https://www.baidu.com" target="right">百度</a></li> <li><a href="">搜狐</a></li> </ul> </body> </html>

right:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 右侧 </body> </html>

步骤二:在嵌套标签页面中引入这三个页面,先给left中的链接a标签添加target=“right”让点击该链接时,在一个名为“right”的页面打开(<li><a href="https://www.baidu.com" target="right">百度</a></li>);然后再给目标页面添加name名为right(<frame src="right.html" name="right">),这样就可以实现左侧的链接地址,在右侧区域打开显示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <!-- frameset框架集标签不能与body标签并存 frameset框架集标签,作用:分屏 cols="180,268,*"cols属性,表示垂直分屏 rows="180,268,*" rows属性,表示水平分屏 嵌套框架集(上方固定,左右嵌套) https://www.baidu.com网址(绝对地址) src中写当前项目中的某个文件(相对路径) frame框架标签上添加属性 noresize="noresize",表示禁止拖拽 --> <frameset rows="90,*"> <frame src="top.html" noresize="noresize"> <frameset cols=" 200,*"> <frame src="left.html" noresize="noresize"> <frame src="right.html" name="right"> </frameset> </frameset> </html>

代码演示:

202012281609125997128856