步骤一：先创建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