框架概念
1. 首先,各位先看看右邊這張圖片,將利用這張圖來做解釋,這樣子,講起來可能會清楚一些。 我們可以看見,右邊的這個圖片,一共分為 1 、 2 、 3 三個框架,每一個框架,各有其顯示的內(nèi)容分別是 a.htm、b.htm、c.htm 三個文件。然而左下角的那個 index.htm 是做什么用的呢?
2. 原來,左下角的這個文件 index.htm,就是要告訴瀏覽器,我們要將頁面分割成這樣,也就是說,所有Frame的標(biāo)簽,其實都只放在 index.htm 這個文件里。
3. 這樣明白了吧!總之,你要分割幾個框,就一定會有幾個對應(yīng)的html 文件。
開始分割
1. 分割窗口可是一門學(xué)問,要分割也是要一步一步來的??纯磩倓偰抢?,想像頁面是一個蛋糕,你要怎么割,才能割成那樣呢?
原始代碼 |
顯示結(jié)果 |
<HTML> <HEAD> <TITLE>框架制作 </TITLE> </HEAD> </HTML>
|
|
2. 各位會發(fā)現(xiàn),奇怪,在上面的語法中,怎么沒看到 <BODY></BODY> 標(biāo)簽?zāi)??呵?..沒錯,它已經(jīng)被將要加進(jìn)去的 <FRAMESET></FRAMESET> 標(biāo)簽給取代了!也就是說,如果我們要分割頁面,就要先用<FRAMESET>標(biāo)簽告訴瀏覽器:"我要開始分割了?。⒋藭r,<BODY> 是派不上用場的,所以躲到一旁涼快去了!
3. 現(xiàn)在開似乎動手分割看吧!我們先將頁面分成左右兩邊,如下圖:
原始代碼 |
顯示結(jié)果 |
<HTML> <HEAD> <TITLE>框架制作</TITLE> </HEAD> <FRAMESET COLS="120,*" > <FRAME SRC="a.htm" NAME="左"> <FRAME SRC="b.htm" NAME="右"> </FRAMESET> </HTML>
|
|
4. 在<FRAMESET>中,我們要告訴瀏覽器到底是要左右分(COLS)?還是上下分(ROWS)。一開始我們是左右分,所以我們寫成<FRAMESET COLS="120,*"。COLS="120,*" 就是說,左邊那一欄強(qiáng)制定為 120 px,右邊則隨瀏覽器大小而變。除了直接寫px數(shù)外,我們也可以用百分比來表示,例如COLS="20%,80%"也是可以的。
5. 然后,再將右邊的框窗再分割成上下兩個頁面。如下圖:
原始代碼 |
顯示結(jié)果 |
<HTML> <HEAD> <TITLE>框架制作</TITLE> </HEAD> <FRAMESET COLS="120,*"> <FRAME SRC="a.htm" NAME="左"> <FRAMESET ROWS="100,*"> <FRAME SRC="b.htm" NAME="右上"> <FRAME SRC="c.htm" NAME="右下"> </FRAMESET> </FRAMESET> </HTML>
|
|
6. 看見了沒?原本的 <FRAME SRC="b.htm" NAME="2">在第 3 點的語法中)被另一組<FRAMESET ROWS="100,*">取代了!所以要注意!第二組<FRAMESET ROWS="100,*">是被第一組<FRAMESET COLS="120,*"> 包圍起來的!
7. 不知不覺就大功告成了,其實只要將最后完成的那些語法存成 index.htm,然后再準(zhǔn)備三個文件 a.htm 、b.htm 、c.htm 那么就完工了!當(dāng)然,這是一個最好的分割法,再將一些進(jìn)階的標(biāo)簽在下面一一說明。
其他標(biāo)簽參數(shù)說明:
例子 : <FRAMESET COLS="120,*" FRAMEBORDER=0 FRAMESPACING=5>
1. COLS="120,*" 就是垂直切割頁面啦!你可以一次切成左右兩個頁面,當(dāng)然也可以切成三個,很簡單只要寫成 COLS="30,*,50" (數(shù)字隨便你自己調(diào)整?。?,依此類推,四個以上當(dāng)然就是四組數(shù)字了!
2. ROWS="120,*" 就是橫向切割頁面,也就是將頁面上下分開,切法同上。
3. FRAMEBORDER=0 設(shè)定框架的邊框,其值只有 0 和 1 , 0 就是不要邊框, 1 就是要顯示邊框。邊框是無法調(diào)整粗細(xì)的。
4. FRAMESPACING=5 表示框架與框架見的保留空白的距離,以免看起來太擠。
例子 : <FRAME SRC="a.htm" NAME="1" FRAMEBORDERr=0 SCROLLING="no" noresize marginhight=2 marginwidth=2>
1. SRC="a.htm" 設(shè)定此框架中要顯示的網(wǎng)頁名稱,每個框架一定要對應(yīng)一個網(wǎng)頁,否則就會產(chǎn)生錯誤,這里就是要您填入對應(yīng)網(wǎng)頁的名稱。(如果該網(wǎng)頁在不同目錄,記得路徑要寫清楚)
2. NAME="1" 設(shè)定這個框架的名稱,這樣才能指定框架來作連接,所以一定要設(shè)定啊!當(dāng)然名稱隨你高興取名。
3. FRAMEBORDERr=0 設(shè)定框架的邊框,其值只有 0 和 1 , 0 就是不要邊框, 1 就是要顯示邊框。邊框是無法調(diào)整粗細(xì)的。
4. SCROLLING="no" 設(shè)定是否要顯示滾動條,YES是要顯示滾動條,NO是無論如何都不要顯示,AUTO是視情況顯示。 noresize
5. noresize 設(shè)定不讓使用者可以改變這個框框的大小,如果沒有設(shè)定這個參數(shù),使用者可以很容易的拉動框架,改變其大小。
6. marginhight=2 表示框架高度部份邊緣所保留的空間。
7. marginwidth=2 表示框架寬度部分邊緣所保留的空間。
其他標(biāo)簽
1. <noframe>
使用方法:<noframe>請換有支持Frame功能的瀏覽器<noframe>
標(biāo)簽解釋:有些瀏覽器版本較低,無法顯示Frame的功能,因此,就要使用此標(biāo)簽,讓這些人知道,該換換瀏覽器了?;蛘撸阋部梢栽谶@標(biāo)簽中,寫上沒有Frame語法的網(wǎng)頁標(biāo)簽,那么,沒有支持Frame功能的瀏覽器,便會自動顯示沒有Frame語法的網(wǎng)頁。
2. target=框架名稱
使用方法: <A HREF="d1-1.htm" target=3>顯示內(nèi)容</A>
標(biāo)簽解釋:常常有一個情況是,我想在框窗 1 的地方按下連接,但是希望他的內(nèi)容出現(xiàn)在框架 3 中(請參照上面那個圖),那應(yīng)該如何寫呢?就像上面加個 target=框架名稱 就行啦!
3. target=_top
使用方法:< A HREF="http://www." target=_top>網(wǎng)頁教學(xué)網(wǎng)</A>
標(biāo)簽解釋:有時候,在框架里面連接到別的站,卻發(fā)現(xiàn),新連接的這個站,竟然被框架包住了,不但難看,而且可能會吃上官司!所以,這時候你必需加入 target=_top這個參數(shù),那么,這個新連接到的網(wǎng)站,就會重新占據(jù)整個瀏覽器了!
關(guān)鍵詞:
|