Html語言學習教程(十一(yī))

發布時間:2007年04月24日      浏覽次數:2339 次
排版标記

[摘 要]
全寫: HyperText Mark-up Language
譯名: 超文件注标式語言(譯名之一(yī))
簡釋:一(yī)種爲普通文件中(zhōng)某些字句加上标示的語言,其目的在于運用标記(tag)使文件達到預期的顯示效果。
1、欲明白(bái)本篇【HTML剖析】之标記分(fēn)類請看 【标記一(yī)覽】。
2、亦請先明白(bái)圍堵标記與空标記的分(fēn)别請看 【HTML概念】。
<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>
■ 框架概念 :
所謂框架便是網頁畫面分(fēn)成幾個框窗,同時取得多個 URL。隻 要 <FRAMESET> <FRAME> 即可,而所有框架标記 要放(fàng)在一(yī)個總起的 html 檔,這個檔案隻記錄了該框架 如何劃分(fēn),不會顯示任何資(zī)料,所以不必放(fàng)入 <BODY> 标記,浏覽這框架必須讀取這檔 案而不是其它框窗的檔案。<FRAMESET> 是用以劃分(fēn)框窗,每一(yī)框窗由一(yī)個 <FRAME> 标 記所标示,<FRAME>必須在 <FRAMESET> 範圍中(zhōng)使用。如下(xià)例:
<frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
</frameset>
此例中(zhōng) <FRAMESET> 把畫面分(fēn)成左右兩相等部分(fēn),左便是顯示 up2u.html,右邊則會顯示 me2.html 這檔案,<FRAME> 标記所标示的框窗永遠是按由上而下(xià)、由左至右的次序。
本節與 Composer 教室的【運用框架】大(dà)部分(fēn)相同,隻是本節增加了内容及較爲詳細,正 如其它篇章一(yī)樣并不會提及網頁制作工(gōng)具,若饋下(xià)學會了 HTML 相信你亦不會選用 Composer , FrontPage 一(yī)類的工(gōng)具了。

■ <FRAMESET> <FRAME> :

<FRAMESET> 稱框架标記,用以宣告HTML文件爲框架模式,并設定視窗如何分(fēn)割。
<FRAME> 則隻是設定某一(yī)個框窗内的參數屬性。
<FRAMESET> 參數設定:
例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">
COLS="90,*"
垂直切割畫面(如分(fēn)左右兩個畫面),接受整數值、百分(fēn)數, * 則代表占用馀下(xià)空 間。數值的個數代表分(fēn)成的視窗數目且以逗号分(fēn)隔。例如 COLS="30,*,50%" 可以 切成三個視窗,第一(yī)個視窗是 30 pixels 的寬度,爲一(yī)絕對分(fēn)割,第二個視窗是當 分(fēn)配完第一(yī)及第三個視窗後剩下(xià)的空間,第三個視窗則占整個畫面的 50% 寬度 爲 一(yī)相對分(fēn)割。您可自己調整數字。
ROWS="120,*"
就是橫向切割,将畫面上下(xià)分(fēn)開(kāi),數值設定同上。唯 COLS 與 ROWS 兩參數盡量 不要同在一(yī)個 <FRAMESET> 标記中(zhōng),因 Netacape 偶然不能顯示這類形的框架,盡 采用多重分(fēn)割。
frameborder="0"
設定框架的邊框,其值隻有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。(避 免使用 yes 或 no )
border="0"
設定框架的邊框厚度,以 pixels 爲單位。
bordercolor="#008000"
設定框架的邊框顔色。
framespacing="5"
表示框架與框架間的保留空白(bái)的距離(lí)。
<FRAME> 參數設定:
例子:<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
SRC="a.html"
設定此框窗中(zhōng)要顯示的網頁檔案名稱,每個框窗一(yī)定要對應著一(yī)個網頁檔案。你可 使用絕對路徑或相對路徑,有關此兩者詳見於【連結進階】。
NAME="top"
設定這個框窗的名稱,這樣才能指定框架來作連結,必須但任意命名。
frameborder=0
設定框架的邊框,其值隻有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。(避 免使用 yes 或 no )
framespacing="6"
表示框架與框架間的保留空白(bái)的距離(lí)。
bordercolor="#008000"
設定框架的邊框顔色。顔色值請參考【HTML 剖析】。
scrolling="Auto"
設定是否要顯示卷軸,YES 表示要顯示卷軸,NO 表示無論如何都不要顯示, AUTO是視情況顯示。
noresize
設定不讓使用者可以改變這個框框的大(dà)小(xiǎo),亦沒有設定此參數,使用者可以很随 意地拉動框架,改變其大(dà)小(xiǎo)。
marginhight=5
表示框架高度部份邊緣所保留的空間。
marginwidth=5
表示框架寬度部份邊緣所保留的空間。
以下(xià)是一(yī)些例子:
HTML Code


<frameset rows="80,*">
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
HTML Code



<frameset rows="80,*,80">
<frame name="top" src="a.html">
<frame name="middle" src="b.html">
<frame name="bottom" src="c.html">
</frameset>
HTML Code


<frameset cols="150,*">
<frameset rows="80,*">
<frame name="upper_left" src="a.html">
<frame name="lower_left" src="b.html">
</frameset>
<frame name="right" src="c.html">
</frameset>
HTML Code


<frameset rows="80,*">
<frame name="top" src="a.html">
<frameset cols="150,*">
<frame name="lower_left" src="b.html">
<frame name="lower_right" src="c.html">
</frameset>
</frameset>
HTML Code


<frameset cols="150,*">
<frame name="left" src="a.html">
<frameset rows="80,*">
<frame name="upper_right" src="b.html">
<frame name="lower_right" src="c.html">
</frameset>
</frameset>

■ <NOFRAMES> :

當别人使用的浏覽器太舊(jiù),不支援框架這個功能時,他看到的将會是一(yī)片空白(bái)。爲了避免 這種情況,可使用 <NOFRAMES> 這個标記,當使用者的浏覽器看不到框架時,他就會看 到 <NOFRAMES> 與 </NOFRAMES> 之間的内容,而不是一(yī)片空白(bái)。這些内容可以是提醒 浏覽轉用新的浏覽器的字句,甚至是一(yī)個沒有框架的網頁或能自動切換至沒有框架的版本 亦可。
應用方法:
在<frameset> 标記範圍加入 </NOFRAMES> 标記,以下(xià)是一(yī)個例子:
<frameset rows="80,*">
<noframes>
<body>
很抱歉,饋下(xià)使用的浏覽器不支援框架功能,請轉用新的浏覽器。
</body>
</noframes>
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
若浏覽器支援框架,那堋它不會理會 <noframes> 中(zhōng)的東西,但若浏覽器不支援框架,由 於不認識所有框架标記,不明的标記會被略過,标記包圍的東西便被解讀出來,所以放(fàng)在 <noframes>範圍内的文字會被顯示。

■ <IFRAME> :

這标記隻适用於 IE。 它的作用是在一(yī)頁網頁中(zhōng)間插入一(yī)個框窗以顯示另一(yī)個文件。它是 一(yī)個圍堵标記,但圍著的字句隻有在浏覽器不支援 iframe 标記時才會顯示,如<noframes> 一(yī)樣,可以放(fàng)些提醒字句之類。通常 iframe 配合一(yī)個辨認浏覽器的 Java Script 會較好,若 JavaScript 認出該浏覽器并非 Internet Explorer 便會切換至另一(yī)版本。
<iframe> 的參數設定如下(xià):
例子: <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">
src="iframe.html"
欲顯示於此框窗的文件來源除檔案名稱,必要加上相對或絕對路徑。
name="test"
此框窗名稱,這是連結标記的 target 參數所 要的,
align="MIDDLE"
可選值爲 left, right, top, middle, bottom,作用不大(dà)
width="300" height="100"
框窗的寬及長,以 pixels 爲單位。
marginwidth="1" marginheight="1"
該插入的文件與框邊所保留的空間。
frameborder="1"
使用 1 表示顯示邊框, 0 則不顯示。(可以是 yes 或 no)
scrolling="Yes"
使用 Yes 表示容許卷動(内定), No 則不容許卷動。
例子: 原始碼
<center> <iframe src="http://www.webdn.com/sucai/" name="test" align="MIDDLE" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1">
很抱歉,饋下(xià)使用的浏覽器并不支援 IFrame,不能正常浏覽我(wǒ)(wǒ)的網頁。</iframe>
</center>
顯示結果
免責聲明:本站相關技術文章信息部分(fēn)來自網絡,目的主要是傳播更多信息,如果您認爲本站的某些信息侵犯了您的版權,請與我(wǒ)(wǒ)們聯系,我(wǒ)(wǒ)們會即時妥善的處理,謝謝合作!