被遺忘的HTML標(biāo)記(下)
發(fā)布時(shí)間:2008-09-07 閱讀數(shù): 次 來源:網(wǎng)樂原科技
3.MARQUEE
只可以在IE3.0以上版本的瀏覽器中運(yùn)行的HTML元素,NetScape瀏覽器會(huì)忽略該元素。MARQUEE可以為我們?cè)陧撁嫔咸峁┮粋€(gè)“電子播放器”,即產(chǎn)生滾動(dòng)字幕的頁面效果。它的基本語法結(jié)構(gòu)如下所示:
<MARQUEE ALIGN=″alignment″ BEHAVIOR=″type″ BGCOLOR=″color″ DIRECTION=″direction″ SCROLLAMOUNT=″n″ SCROLLDELAY=″n″ LOOP=″n″ WIDTH=″x″ HEIGHT=″y″ HSPACE=″x″ VSPACE=″y″>滾動(dòng)字幕內(nèi)容</MARQUEE>
其中ALIGN用來指定滾動(dòng)字幕與左右文字的對(duì)齊方式,它的值可以有top、middle、bottom等;BEHAVIOR用來指定滾動(dòng)字幕的滾動(dòng)方式,它的屬性值有scroll、slide和alternate三個(gè),scroll表示滾動(dòng)字幕內(nèi)容向同一方向重復(fù)滾動(dòng),slide表示滾動(dòng)字幕內(nèi)容從一端向另一端滾動(dòng)并在另一端停止,alternate表示滾動(dòng)字幕內(nèi)容在兩端之間來回往復(fù)滾動(dòng);DIRECTION指定滾動(dòng)字幕的滾動(dòng)方向,它的屬性值有l(wèi)eft和right兩個(gè),分別表示滾動(dòng)字幕由右向左和由左向右滾動(dòng);SCROLLAMOUNT用來設(shè)置多次滾動(dòng)之間的間隔距離,其單位是pixels(像素);SCROLLING用來指定滾動(dòng)字幕滾動(dòng)一次所需要的時(shí)間,單位是ms(千分之一秒),其值的大小將直接影響滾動(dòng)字幕的滾動(dòng)速度;LOOP屬性是用來指定滾動(dòng)字幕的滾動(dòng)次數(shù)的,當(dāng)它的值為“-1”時(shí),滾動(dòng)字幕將連續(xù)滾動(dòng)直到瀏覽器載入下一個(gè)頁面;HSPACE和VSPACE則分別用來指定滾動(dòng)字幕與其上一級(jí)頁面在水平方向和豎直方向上的距離。
4.MULTICOL
MULTICOL元素是只能在NetScape3.0以上版本的瀏覽器中運(yùn)行的HTML元素,盡管在IE中也不會(huì)造成太大的麻煩,用來在網(wǎng)頁上實(shí)現(xiàn)分欄效果。它的基本語法結(jié)構(gòu)如下所示:
<MULTICOL COLS=″n″ GUTTER=″x″ WIDTH=″x″></MULTICOL>
其中的COLS屬性定義分欄欄數(shù),GUTTER表示各欄之間的距離,而WIDTH表示的是每欄寬度,而不是整個(gè)分欄區(qū)域的寬度。還需要注意的是,MULTICOL在處理分欄時(shí),并不能自動(dòng)為文字換行,所以還需要在每行的最后加上強(qiáng)制換行標(biāo)簽<BR>。請(qǐng)看下例:
<BODY>
<MULTICOL COLS=″3″ GRTTER=″10″ WIDTH=″450″>
這首詩是周恩來同志……《敬業(yè)》第五期。
</MULTICOL>
</BODY>
需要注意的是,由于NetScape在處理中文換行問題上的不足,要使分欄效果能夠正常顯示,還必須在頁面文件開頭的META標(biāo)簽內(nèi)加上″charset=gb2312″代碼。
5.SPACER
SPACER也是一個(gè)只能在NetScape3.0以上版本的瀏覽器中運(yùn)行的HTML元素,通過運(yùn)用SPACER元素,可以在頁面上產(chǎn)生一些具有一定尺寸和位置的空格,從而實(shí)現(xiàn)一些特殊的效果。它的語法結(jié)構(gòu)如下所示:
<SPACER TYPE=″block″ ALIGN=″alignment″ WIDTH=″x″ HEIGHT=″y″>
或者是
<SPACER TYPE=″horizontal/vertical″ ALIGN=″alignment″ SIZE=″n″>
這兩種語法結(jié)構(gòu)基本相同,只不過TYPE屬性值為″block″時(shí),只能通過WIDTH和HEIGHT來定義它的尺寸,而不能用SIZE屬性;而當(dāng)TYPE屬性值為″horizontal″或″vertical″時(shí),只能用SIZE屬性來控制尺寸。TYPE屬性值為″block″時(shí),WIDTH表示空格的寬度,HEIGHT表示空格的高度,多出所在行行高的部分將會(huì)延伸到下一行;當(dāng)TYPE的屬性值為″horizontal″時(shí),表示在該行插入一個(gè)水平方向上的空格,其寬度為SIZE屬性所指定的數(shù)值;TYPE屬性值為″vertical″時(shí),表示在該處插入一個(gè)豎直方向上的空格,SIZE值表示的是該行與上一行之間的行距。下面請(qǐng)看一個(gè)用到了以上三種TYPE屬性的例子:
<body>
<spacer type=″block″ align=″left″ width=″32px″ height=″100px″>
<spacer type=″horizontal″ size=″32px″>由于現(xiàn)在的軟件越做越大,4G以下的硬盤已被淘<spacer type=″vertical″ size=″8px″>汰出了主流市場(chǎng)……
</body>
6.LAYER
LAYER是在NetScape Communicator 4.0中才出現(xiàn)的HTML元素,它可以讓網(wǎng)頁中的不同元素位于不同的層上,這類似于PhotoShop中層的概念。通過使用LAYER元素,可以在頁面中實(shí)現(xiàn)圖文定位、元素重疊等效果,如果再與適當(dāng)?shù)腟cript語言結(jié)合,還可以實(shí)現(xiàn)改變重疊順序、控制元素的顯示或隱藏,甚至還可以實(shí)現(xiàn)動(dòng)畫效果。LAYER的基本語法結(jié)構(gòu)如下:
<LAYER NAME=″name″ LEFT=″x″ TOP=″y″ Z-INDEX=″n″ VISIBILITY=″visibility″>……</LAYER>
其中NAME用來給層命名,通過這個(gè)名字Script可以對(duì)該層進(jìn)行操作。LEFT和TOP用來控制層在頁面中的位置,分別表示層的左上角距瀏覽器窗口左邊框和上邊框的距離。Z-INDEX屬性中用來控制不同的層在頁面中的層疊順序,數(shù)字小的層位于數(shù)字大的下面。VISIBILITY屬性定義該層的顯示屬性,它的值有show、hide、inherit,其中show和hide分別表示該層為可見和不可見,而inherit則表示該層的顯示屬性與其上一級(jí)層的顯示屬性相同。請(qǐng)看下面的這個(gè)實(shí)例:
<BODY BGCOLOR=″#ffffdd″>
<layer name=″layer1″ left=″10″ top=″10″ z-index=0>
<img src=″girl.jpg″ WIDTH=″240″ HEIGHT=″240″>
</layer>
<layer name=″layer2″ left=″190″ top=″70″ z-index=1>
<FONT COLOR=″0000ff″ SIZE=″5″ FACE=″楷體_gb2312″><B>Hi!你好,小女子網(wǎng)名毛毛,希望能與你成為好朋友</B></FONT>
</layer>
</BODY>
以上我們所提到的元素只是比較重要的幾個(gè),這些元素在使用的時(shí)候,雖然僅被一種瀏覽器所支持,但在別的瀏覽器上一般也不會(huì)產(chǎn)生錯(cuò)誤的信息。而有些元素,如IFRAME,在不支持的瀏覽器中運(yùn)行后不能夠正常地表達(dá)頁面的意圖,用與不用,就要看你的智慧了。