|
第一章 代碼基礎(chǔ)知識(shí)
第八節(jié) 移動(dòng)標(biāo)簽
本節(jié)學(xué)習(xí)移動(dòng)標(biāo)簽,。
移動(dòng)標(biāo)簽是有趣的標(biāo)簽，移動(dòng)標(biāo)簽是神奇的標(biāo)簽,，移動(dòng)標(biāo)簽是制作網(wǎng)頁(yè)很重要的一個(gè)標(biāo)簽,。文字、圖片,、邊框,、音畫(huà)，甚至整個(gè)網(wǎng)頁(yè),，都可以應(yīng)用移動(dòng)標(biāo)簽讓它們動(dòng)起來(lái),。特別是用兩個(gè)移動(dòng)標(biāo)簽控制移動(dòng)內(nèi)容的那些網(wǎng)頁(yè)，其效果真是變幻莫測(cè),。移動(dòng)標(biāo)簽,，大有文章可作。在這本小冊(cè)子里我所講的移動(dòng)標(biāo)簽內(nèi)容（主要是移動(dòng)標(biāo)簽的應(yīng)用,，我將在后面的文章里講解）,，也只能起個(gè)拋磚引玉的作用，希望大家深入研究,、大膽探討,，充分應(yīng)用移動(dòng)標(biāo)簽，制作出各種各樣的具有神奇效果的漂亮網(wǎng)頁(yè)來(lái),。
移動(dòng)標(biāo)簽語(yǔ)法：<marquee>內(nèi)容</marquee>
注釋：
<marquee>是移動(dòng)標(biāo)簽,，</marquee>是移動(dòng)尾標(biāo)簽，中間的“內(nèi)容”，被這兩個(gè)標(biāo)簽包圍著,、控制著,。在<marquee>移動(dòng)標(biāo)簽的尖括號(hào)內(nèi)，我們可以給它添加屬性與屬值,。
移動(dòng)標(biāo)簽常用的屬性：移動(dòng)方向（direction）,、移動(dòng)速度（scrollamount）、移動(dòng)方式（behavior）,、延時(shí)（scrolldelay）,、對(duì)齊方式（aligh）、移動(dòng)屏幕的寬（width）和高（height）等屬性,。
移動(dòng)方向的屬值：left（向左移動(dòng)）,、 right（向右移動(dòng)）、up（向上移動(dòng)）,、down（向下移動(dòng)）,。默認(rèn)為left （向左移動(dòng)）。
移動(dòng)方向的表示方法如：direction＝up （等號(hào)后面的方向可替換）
移動(dòng)速度的屬值是數(shù)字,，數(shù)字越大移動(dòng)速度越快,。速度取值的大小要看你制作的網(wǎng)頁(yè)需要的移動(dòng)速度而確定。一般取值為3－4,。表示方法如：scrollamount=4
移動(dòng)方式：scroll（連續(xù)滾動(dòng)）,、slide（由一端快速滑動(dòng)到另一端）、alternate（來(lái)回滾動(dòng)）
表示方法：behavior="scroll" 表示連續(xù)滾動(dòng),；behavior="slide" 表示由一端快速滑動(dòng)到另一端,；behavior=alternate（來(lái)回滾動(dòng)）
移動(dòng)屏幕的寬和高:是指顯示移動(dòng)內(nèi)容的那個(gè)“方框”的寬度和高度。width（寬）,、height（高）,。表示方法：width=?px height=?px （？處輸入數(shù)值）
對(duì)齊方式表示方法：aligh=left （居左對(duì)齊）或者 aligh=right （居右對(duì)齊）或者 aligh=center （居中對(duì)齊）
<marquee>標(biāo)簽的默認(rèn)情況是向左滾動(dòng)無(wú)數(shù)次,；字幕高度是文本高度,；滾動(dòng)范圍：水平滾動(dòng)的寬度是當(dāng)前位置的寬度；垂直滾動(dòng)的高度是當(dāng)前位置的高度,。
移動(dòng)標(biāo)簽舉例：
1,、文字的移動(dòng)標(biāo)簽：
<marquee direction＝up scrollamount=4>文字處</marquee>
2、文字的移動(dòng)標(biāo)簽：
<marquee direction＝up scrollamount=4 >
<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;"
color="#ff00ff"><strong>"春天沒(méi)來(lái)"歡迎您</strong></font></marquee>
3,、按照原圖片的規(guī)格移動(dòng)的移動(dòng)標(biāo)簽：
4,、改變?cè)瓐D片的規(guī)格移動(dòng)的移動(dòng)標(biāo)簽：
<MARQUEE>
<IMG style="WIDTH: 500px; HEIGHT: 175px"
src="</MARQUEE>
5、一行多列圖片的移動(dòng)標(biāo)簽：
<marquee style=
"left: 0px; width: 1340px;" height="270" behavior="alternate" scrollAmount="3">
<table style="width: 1340px;" border="0" cellSpacing="0" cellPadding="0" height="280">
<tbody>
<tr>
<td><img border="0"
</tr></tbody></table></marquee> 幾點(diǎn)說(shuō)明：
1,、一定要牢記：任何一種標(biāo)簽,，它們的首標(biāo)簽與尾標(biāo)簽之間的“內(nèi)容”,，就是這個(gè)標(biāo)簽所管轄、限制與修飾的對(duì)象,。
2,、上面的“移動(dòng)標(biāo)簽舉例1”：在首標(biāo)簽中設(shè)置了兩個(gè)屬性：移動(dòng)方向（direction）和移動(dòng)速度（scrollamount）。移動(dòng)方向是“向上”（up
）,，移動(dòng)速度是4,；“文字處”是指你要輸入的移動(dòng)文字內(nèi)容。這種表達(dá)方式,，文字是系統(tǒng)默認(rèn)的文字,，黑色，字體比較小,。
3,、上面的“移動(dòng)標(biāo)簽舉例2”：在“文字處”輸入了文字標(biāo)簽，這種文字比較美觀,。
4,、上面的“移動(dòng)標(biāo)簽舉例3——5”都是圖片的移動(dòng)標(biāo)簽。
5,、移動(dòng)標(biāo)簽的屬性與屬值是往移動(dòng)標(biāo)簽的首標(biāo)簽中 <marquee>添加的,，尾標(biāo)簽
</marquee>中不能添加任何內(nèi)容,。
6,、添加移動(dòng)標(biāo)簽屬性的順序一般為：移動(dòng)方向（direction）、屏幕高度（height）,、移動(dòng)方式（behavior）,、屏幕寬度（width）、移動(dòng)速度（scrollamount）,、延時(shí)屬性（scrolldelay）,。
作業(yè)：
１、認(rèn)識(shí)移動(dòng)標(biāo)簽,。
２,、在下面的括號(hào)內(nèi)寫(xiě)出移動(dòng)標(biāo)簽的屬性名稱：
direction（）、scrollamount（）,、（）behavior,、scrolldelay（）aligh（）、width（）height（）,。
３,、在下面的括號(hào)內(nèi)寫(xiě)出移動(dòng)標(biāo)簽的屬值名稱：
left（）、 right（）,、up（）,、down（）、scroll（）、slide（）,、alternate（）,。
４、試著制作一篇移動(dòng)文章,。（提示：應(yīng)用上面“移動(dòng)標(biāo)簽舉例”中的任意一例,，替換文章內(nèi)容或者圖片地址，然后把代碼復(fù)制,、粘貼到撰寫(xiě)文章處的“代碼編輯”頁(yè)面中,，點(diǎn)擊“發(fā)表”按鈕即可。）
２０１２年１０月 9 日于北京
第一章 代碼基礎(chǔ)知識(shí)
第九節(jié) 鏈接標(biāo)簽
本節(jié)講解鏈接標(biāo)簽,。
“鏈接”,，也叫“超鏈接”。
“鏈接標(biāo)簽”是一個(gè)很重要的標(biāo)簽,，是制作網(wǎng)頁(yè)必不可少的一個(gè)標(biāo)簽,。毫不夸張地說(shuō)，是超級(jí)鏈接把整個(gè)互聯(lián)網(wǎng)連接了起來(lái),。超級(jí)鏈接幾乎可以指向互聯(lián)網(wǎng)上的任何資源,，例如另外一個(gè)網(wǎng)頁(yè)、一張圖片,、一首MP3歌曲,、一段視頻等等。在一個(gè)網(wǎng)頁(yè)中,，您只要點(diǎn)擊一下頁(yè)面中超鏈接的內(nèi)容,，就可以進(jìn)入鏈接的另一個(gè)網(wǎng)頁(yè)。
鏈接標(biāo)簽是一個(gè)最常用的標(biāo)簽,。你在“百度”中搜索到的每一篇文章標(biāo)題,，都和相關(guān)的網(wǎng)頁(yè)相鏈接；我們圖書(shū)館中的每一個(gè)文件夾中的文章標(biāo)題,，也和相關(guān)的網(wǎng)頁(yè)相鏈接,；你能在互聯(lián)網(wǎng)上任意瀏覽、任意收藏自己喜歡的內(nèi)容,，都是鏈接標(biāo)簽在起作用,。
我們自己的個(gè)人圖書(shū)館，誰(shuí)也想裝扮的漂漂亮亮的,，讓更多的朋友來(lái)訪問(wèn),，讓更多的朋友來(lái)共享，那就在你的圖書(shū)館首頁(yè),，制作一個(gè)鏈接模塊吧,，把你最精美的文章放置到模塊中,，展示給大家吧！
那么,，怎樣制作鏈接呢,？概括地講，就是在一個(gè)網(wǎng)頁(yè)代碼的某個(gè)部位選擇一些內(nèi)容（例如：文字或者圖片）,，在它們的代碼前面輸入一個(gè)“鏈接標(biāo)簽”,，然后在它們的代碼后面輸入一個(gè)“鏈接尾標(biāo)簽”，鏈接就制作成功了,。這篇文章“發(fā)表”以后,，你用鼠標(biāo)箭頭指向鏈接的那些文字或者圖片，光標(biāo)就會(huì)變成“手”的形狀,；你點(diǎn)擊一下這些文字或者圖片,，就會(huì)進(jìn)入相關(guān)的網(wǎng)頁(yè)了。
鏈接的基本語(yǔ)法為：<a href="要鏈接的網(wǎng)址" target=_blank>內(nèi)容</a>
注釋：
<a>：尖括號(hào)中的“a”是鏈接標(biāo)簽名稱,。
href：用于指定超鏈接目標(biāo)的地址,。href 屬性的值（即等號(hào)后面的內(nèi)容）可以是任何有效文檔的相對(duì)或絕對(duì) URL（地址）。也就是說(shuō),，“鏈接地址”可以是您的圖書(shū)館內(nèi)的任何文章,、任何圖片的地址，也可以是您的圖書(shū)館的地址,、您的朋友的圖書(shū)館地址,，還可以是其它網(wǎng)站的任何文章等地址。
target：鏈接 標(biāo)簽中的 target 屬性規(guī)定在何處打開(kāi)鏈接文檔,。_blank：鏈接文件的打開(kāi)方式為在瀏覽器的新窗口中打開(kāi),。（在鏈接標(biāo)簽中,， target=_blank 這個(gè)代碼相當(dāng)重要,，不能缺少。）
內(nèi)容：鏈接標(biāo)簽中的“內(nèi)容”,，可以是文字或者圖片等內(nèi)容,。
鏈接的形式：可以是文字和文字的鏈接，也可以是文字和圖片,、圖片和圖片等內(nèi)容的鏈接,。
作業(yè)：
1、在上面的鏈接標(biāo)簽中,，指出標(biāo)簽名稱,、指出標(biāo)簽的屬性。
2,、寫(xiě)出：href的意思（）,； target的意思（）,；_blank的意思。
3,、試著制作一篇鏈接文章,。在鏈接標(biāo)簽：<a href="要鏈接的網(wǎng)址" target=_blank>內(nèi)容</a>中，把你的一篇“文章的地址”替換到“要鏈接的網(wǎng)址”處,，“文章標(biāo)題”替換到“內(nèi)容”處,，然后把這一小段代碼復(fù)制、粘貼到撰寫(xiě)文章處的“代碼編輯頁(yè)面”中,，點(diǎn)擊“發(fā)表”,，看看效果。
２０１２年１０月 9 日于北京
|
