<html> <head> <title>框架标签学习：</title> <meta charset="UTF-8"/> </head> <!-- 注意: 第一步一定要删除body标签 框架标签学习: frameset rows:按照行进行切分页面 cols:按照列进行切分页面 子标签: frame:进行切分区域的占位,一个frame可以单独加载网页资源. src:资源路径(本地或者网络) name:区域名,结合超链接使用 --> <frameset rows="10%,*,10%"> <frame src="frameset/top.html" /> <frameset cols="10%,*"> <frame src="frameset/left.html" /> <frame src="frameset/right.html" name="_right"/> </frameset> <frame src="frameset/bottom.html" /> </frameset> </html>
left：
<html> <head> <title></title> <meta charset="UTF-8"/> </head> <body> <ul> <li><a href="http://www.baidu.com" target="_right">百度一下</a></li> <li><a href="http://www.taobao.com" target="_right">淘宝网</a></li> <li><a href="http://www.jd.com" target="_right">京东网</a></li> </ul> </body> </html>
right：
<html> <head> <title></title> <meta charset="UTF-8"/> </head> <body> 我是 right </body> </html>
top：
<html> <head> <title></title> <meta charset="UTF-8"/> </head> <body> 我是 top <a href="../12-HTML-frameset登录页面.html" target="_top">退出</a> </body> </html>