<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>
<html>
<head>
<title>登录页面</title>
<meta charset="utf-8"/>
</head>
<body>
<h3>欢迎访问506主页</h3>
<hr />
<a href="11-HTML-框架标签学习.html">点我登录主页</a>
</body>
</html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
</head>
<body>
我是bottom
</body>
</html>
<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>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
</head>
<body>
我是right
</body>
</html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
</head>
<body>
我是top
<a href="../12-HTML-frameset登录页面.html" target="_top">退出</a>
</body>
</html>
原文地址：https://www.cnblogs.com/qust-lgh/p/10355672.html