1. 程式人生 > >08-HTML-框架標簽

08-HTML-框架標簽

com meta 切分 nbsp left baidu .com bottom 百度一

<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>

08-HTML-框架標簽