HTML學習07-框架集標籤

一、什麼是框架
通過使用框架,可以在同一個瀏覽器窗口中顯示不止一個頁面。每份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"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <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>

效果
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章