一、什麼是框架
通過使用框架,可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱爲一個框架,並且每個框架都獨立於其他的框架。
二、框架結構標籤
框架結構標籤<frameset>
將窗口分割爲框架。
屬性:1.rows–縱向大小;2.cols–橫向大小
取值:1) 絕對值 "200,*"
,*
代表剩餘的部分;2) 相對值"30%,*"
三、框架標籤
框架標籤<frame>
定義了放置在每個框架中的 HTML 文檔。一個框架中顯示一個HTML頁面。
屬性:
·scrolling: 是否需要滾動條。默認是true。
·noresize : 固定框架大小。
·bordercolor: 給框架邊框起一個顏色。
·name : 給框架起一個名字。
*內嵌框架: 嵌入在一個頁面上的框架.(僅僅IE支持)
<iframe>
內籤框架標籤
屬性: width: 寬度;height: 高度;scrolling : 是否需要滾動條。
四、示例
HTML代碼,主頁面
<html>
<head>
<meta charset="UTF-8">
<title>網站後臺系統顯示頁面</title>
</head>
<frameset rows="20%,*">
<frame src="top.html" />
<frameset cols="20%,*">
<frame src="left.html" />
<frame name="right" />
</frameset>
</frameset>
</html>
top頁面
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="asf_logo.png" width="242" height="84"/>
<font size="7">後臺管理系統</font>
</body>
</html>
left頁面
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="right.html" target="right">會員管理</a><br /><br />
<a href="#">在線用戶管理</a><br /><br />
<a href="#">所有用戶管理</a><br /><br />
<a href="#">分類管理</a>
</body>
</html>
效果