日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

學(xué)習(xí)網(wǎng)頁(yè)制作基礎(chǔ)入門教程(8)框架標(biāo)簽

 05fxs獵人 2011-05-08
框架概念

  1. 首先,各位先看看右邊這張圖片,將利用這張圖來(lái)做解釋,這樣子,講起來(lái)可能會(huì)清楚一些。框架說(shuō)明圖 我們可以看見(jiàn),右邊的這個(gè)圖片,一共分為 1 、 2 、 3 三個(gè)框架,每一個(gè)框架,各有其顯示的內(nèi)容分別是 a.htm、b.htm、c.htm 三個(gè)文件。然而左下角的那個(gè) index.htm 是做什么用的呢?

  2. 原來(lái),左下角的這個(gè)文件 index.htm,就是要告訴瀏覽器,我們要將頁(yè)面分割成這樣,也就是說(shuō),所有Frame的標(biāo)簽,其實(shí)都只放在 index.htm 這個(gè)文件里。

  3. 這樣明白了吧!總之,你要分割幾個(gè)框,就一定會(huì)有幾個(gè)對(duì)應(yīng)的html 文件。

  開(kāi)始分割

  1. 分割窗口可是一門學(xué)問(wèn),要分割也是要一步一步來(lái)的??纯磩倓偰抢樱胂耥?yè)面是一個(gè)蛋糕,你要怎么割,才能割成那樣呢?

原始代碼 顯示結(jié)果
<HTML>
<HEAD>
<TITLE>框架制作 </TITLE>
</HEAD>
</HTML>

 

  2. 各位會(huì)發(fā)現(xiàn),奇怪,在上面的語(yǔ)法中,怎么沒(méi)看到 <BODY></BODY> 標(biāo)簽?zāi)??呵?..沒(méi)錯(cuò),它已經(jīng)被將要加進(jìn)去的 <FRAMESET></FRAMESET> 標(biāo)簽給取代了!也就是說(shuō),如果我們要分割頁(yè)面,就要先用<FRAMESET>標(biāo)簽告訴瀏覽器:"我要開(kāi)始分割了?。⒋藭r(shí),<BODY> 是派不上用場(chǎng)的,所以躲到一旁涼快去了!

  3. 現(xiàn)在開(kāi)似乎動(dòng)手分割看吧!我們先將頁(yè)面分成左右兩邊,如下圖:

原始代碼 顯示結(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)。一開(kāi)始我們是左右分,所以我們寫(xiě)成<FRAMESET COLS="120,*"。COLS="120,*" 就是說(shuō),左邊那一欄強(qiáng)制定為 120 px,右邊則隨瀏覽器大小而變。除了直接寫(xiě)px數(shù)外,我們也可以用百分比來(lái)表示,例如COLS="20%,80%"也是可以的。

  5. 然后,再將右邊的框窗再分割成上下兩個(gè)頁(yè)面。如下圖:

原始代碼 顯示結(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. 看見(jiàn)了沒(méi)?原本的 <FRAME SRC="b.htm"   NAME="2">在第 3 點(diǎn)的語(yǔ)法中)被另一組<FRAMESET ROWS="100,*">取代了!所以要注意!第二組<FRAMESET ROWS="100,*">是被第一組<FRAMESET COLS="120,*"> 包圍起來(lái)的!

  7. 不知不覺(jué)就大功告成了,其實(shí)只要將最后完成的那些語(yǔ)法存成 index.htm,然后再準(zhǔn)備三個(gè)文件 a.htm 、b.htm 、c.htm 那么就完工了!當(dāng)然,這是一個(gè)最好的分割法,再將一些進(jìn)階的標(biāo)簽在下面一一說(shuō)明。

  其他標(biāo)簽參數(shù)說(shuō)明:

  例子 : <FRAMESET COLS="120,*" FRAMEBORDER=0 FRAMESPACING=5>

  1. COLS="120,*" 就是垂直切割頁(yè)面啦!你可以一次切成左右兩個(gè)頁(yè)面,當(dāng)然也可以切成三個(gè),很簡(jiǎn)單只要寫(xiě)成 COLS="30,*,50" (數(shù)字隨便你自己調(diào)整?。?,依此類推,四個(gè)以上當(dāng)然就是四組數(shù)字了!

  2. ROWS="120,*" 就是橫向切割頁(yè)面,也就是將頁(yè)面上下分開(kāi),切法同上。

  3. FRAMEBORDER=0 設(shè)定框架的邊框,其值只有 0 和 1 , 0 就是不要邊框, 1 就是要顯示邊框。邊框是無(wú)法調(diào)整粗細(xì)的。

  4. FRAMESPACING=5 表示框架與框架見(jiàn)的保留空白的距離,以免看起來(lái)太擠。

  例子 : <FRAME SRC="a.htm" NAME="1" FRAMEBORDERr=0 SCROLLING="no" noresize marginhight=2 marginwidth=2>

  1. SRC="a.htm" 設(shè)定此框架中要顯示的網(wǎng)頁(yè)名稱,每個(gè)框架一定要對(duì)應(yīng)一個(gè)網(wǎng)頁(yè),否則就會(huì)產(chǎn)生錯(cuò)誤,這里就是要您填入對(duì)應(yīng)網(wǎng)頁(yè)的名稱。(如果該網(wǎng)頁(yè)在不同目錄,記得路徑要寫(xiě)清楚)

  2. NAME="1" 設(shè)定這個(gè)框架的名稱,這樣才能指定框架來(lái)作連接,所以一定要設(shè)定啊!當(dāng)然名稱隨你高興取名。

  3. FRAMEBORDERr=0 設(shè)定框架的邊框,其值只有 0 和 1 , 0 就是不要邊框, 1 就是要顯示邊框。邊框是無(wú)法調(diào)整粗細(xì)的。

  4. SCROLLING="no" 設(shè)定是否要顯示滾動(dòng)條,YES是要顯示滾動(dòng)條,NO是無(wú)論如何都不要顯示,AUTO是視情況顯示。 noresize

  5. noresize 設(shè)定不讓使用者可以改變這個(gè)框框的大小,如果沒(méi)有設(shè)定這個(gè)參數(shù),使用者可以很容易的拉動(dòng)框架,改變其大小。

  6. marginhight=2 表示框架高度部份邊緣所保留的空間。

  7. marginwidth=2 表示框架寬度部分邊緣所保留的空間。

  其他標(biāo)簽

  1. <noframe>

  使用方法:<noframe>請(qǐng)換有支持Frame功能的瀏覽器<noframe>

  標(biāo)簽解釋:有些瀏覽器版本較低,無(wú)法顯示Frame的功能,因此,就要使用此標(biāo)簽,讓這些人知道,該換換瀏覽器了?;蛘撸阋部梢栽谶@標(biāo)簽中,寫(xiě)上沒(méi)有Frame語(yǔ)法的網(wǎng)頁(yè)標(biāo)簽,那么,沒(méi)有支持Frame功能的瀏覽器,便會(huì)自動(dòng)顯示沒(méi)有Frame語(yǔ)法的網(wǎng)頁(yè)。

  2. target=框架名稱

  使用方法:
<A HREF="d1-1.htm" target=3>顯示內(nèi)容</A>

  標(biāo)簽解釋:常常有一個(gè)情況是,我想在框窗 1 的地方按下連接,但是希望他的內(nèi)容出現(xiàn)在框架 3 中(請(qǐng)參照上面那個(gè)圖),那應(yīng)該如何寫(xiě)呢?就像上面加個(gè) target=框架名稱 就行啦!

  3. target=_top

  使用方法:
< A HREF="http://www." target=_top>網(wǎng)頁(yè)教學(xué)網(wǎng)</A>

  標(biāo)簽解釋:有時(shí)候,在框架里面連接到別的站,卻發(fā)現(xiàn),新連接的這個(gè)站,竟然被框架包住了,不但難看,而且可能會(huì)吃上官司!所以,這時(shí)候你必需加入 target=_top這個(gè)參數(shù),那么,這個(gè)新連接到的網(wǎng)站,就會(huì)重新占據(jù)整個(gè)瀏覽器了!

關(guān)鍵詞:

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多