萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML中幀標簽的詳細介紹
HTML中幀標簽的詳細介紹
1.<frameset></frameset>
2.<frame>
3.<noframes></noframes>
幀是由英文Frame翻譯過來的，它可以用來向浏覽器窗口中裝載多個Html文件。即每個Html文件占據一 個幀，而多個幀可以同時顯示在同一個浏覽器窗口中，它們組成了一個最大
的幀，也即是一個包含多個Html文檔的Html文件(我稱它為主文檔) 。幀通常的使用方法是在一個幀中放置目錄(即可供選擇的鏈接)，然後將Html文件顯示在另一個幀中。
1.<frameset></frameset>
<frameset></frameset>標簽對放在幀的主文檔的<body></body>標簽對的外邊，也可以嵌在其他幀文檔中，並且可以嵌套使用。此標簽對用來定義主文檔中有幾個幀並且各個幀是
如何排列的。它具有rows和cols屬性，使用<frameset>標簽時 這兩個屬性至少必須選擇一個，否則浏覽器只顯示第一個定義的幀，剩下的一概不管，<frameset></frameset>標簽對
也就沒有起到任何作用了。rows用來規定主文檔中各個幀的行定位，而cols用來規定主文檔中各個幀的列定位。這兩個屬性的取值可以是百分數、絕對像素值或星號(“*”) ，其中星
號代表那些未被說明的空間，如果同一個屬性中出現多個星號則將剩下的未被說明的空間平均分配。同時，所有的幀按照rows和cols的值從左到右，然後從上到下排列。
示例如下：
<frameset rows="*,*,*"> 總共有三個按列排列的幀,每個幀占整個浏覽器窗口的1/3
<frameset cols="40%,*,*"> 總共有三個按行排列的幀,第一個幀占整個浏覽器窗口的40%,剩下的空間平均 分配給另外兩個幀
<frameset rows="40%,*" cols="50%,*,200"> 總共有六個幀,先是在第一行中從左到右排列三個幀,然後在 第二行中從左到右再排列三個幀,即兩行三列,所占空間依據rows和cols屬性
的值,其中200的單位是像素 。
2.<frame>
<frame>標簽放在<frameset></frameset>之間，用來定義某一個具體的幀。<frame>標簽具有src和 name屬性，這兩個屬性都是必須賦值的。src是此幀的源Html文件名(包括網絡路
徑,即相對路徑或網址)，浏覽器將會在此幀中顯示src指定的Html 文件；name是此幀的名字，這個名字是用來供超文本鏈接標簽<a href="" target="">中的target屬性用來指定鏈接
的Html文件將顯示在哪一個幀中。例如定義了一個幀，名字是main，在幀中顯示的Html文件名是jc.htm，則代碼是<frame src="jc.htm" name="main">，當您有一個鏈接，在點擊
了這個鏈接後，文件new.htm將要顯示在名為main的幀中，則代碼為<a href="new.htm" target="main">需要鏈接的文本</a> 。這樣一來，就可以在一個幀中建立網站的目錄，加入
一系列鏈接，當點擊鏈接以後在另一個幀中顯示被鏈接的Html文件。
此外，<frame>標簽還有scrolling和noresize屬性，scrolling用來指定是否顯示滾動軸，取值可以是“yes” (顯示)、“no”(不顯示)或“auto”(若需要則會自動顯示,不需要則自動不顯示)
。noresize屬性直接加入標簽中即可使用，不需賦值， 它用來禁止用戶調整一個幀的大小。
3.<noframes></noframes>
<noframes></noframes>標簽對也是放在<frameset></frameset>標簽對之間，用來在那些不支持幀的浏 覽器中顯示文本或圖像信息。在此標簽對之間先緊跟<body></body>標簽對，
然後才可以使用我們在教程七以前講過的任何標簽。
下邊是一個綜合示例：
例8 幀標簽的綜合示例
主文檔：
<html>
<head>
<title>幀標簽的綜合示例</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" scrolling="no" name="Left">
<frame src="page1.htm" scrolling="auto" name="Main">
<noframes>
<body>
<p>對不起，您的浏覽器不支持“幀”！</p>
</body>
</noframes>
</frameset>
</html>
menu.htm
<html>
<head>
<title>目錄</title>
</head>
<body>
<p><font color="#FF0000">目錄</font></p>
<p><a href="page1.htm" target="Main">鏈接到第一頁</a></p>
<p><a href="page2.htm" target="Main">鏈接到第二頁</a></p>
</body>
</html>
page1.htm
<html>
<head>
<title>第一頁</title>
</head>
<body>
<p align="center"><font color="#8000FF">這是第一頁！</font></p>
</body>
</html>
page2.htm
<html>
<head>
<title>第二頁</title>
</head>
<body>
<p align="center"><font color="#FF0080">這是第二頁！</font></p>
</body>
</html>
- 上一頁:HTML標簽大全
- 下一頁:16進制顏色代碼大全
