代碼入門教程（5）

第一章　代碼基礎知識第八節　移動標籤

本節學習移動標籤。移動標籤是有趣的標籤，移動標籤是神奇的標籤，移動標籤是製作網頁很重要的一個標籤。文字、圖片、邊框、音畫，甚至整個網頁，都可以應用移動標籤讓它們動起來。特別是用兩個移動標籤控制移動內容的那些網頁，其效果真是變幻莫測。移動標籤，大有文章可作。在這本小冊子里我所講的移動標籤內容（主要是移動標籤的應用，我將在後面的文章里講解），也只能起個拋磚引玉的作用，希望大家深入研究、大膽探討，充分應用移動標籤，製作出各種各樣的具有神奇效果的漂亮網頁來。移動標籤語法：<marquee>內容</marquee>注釋：<marquee>是移動標籤，</marquee>是移動尾標籤，中間的「內容」，被這兩個標籤包圍著、控制著。在<marquee>移動標籤的尖括弧內，我們可以給它添加屬性與屬值。移動標籤常用的屬性：移動方向（direction）、移動速度（scrollamount）、移動方式（behavior）、延時（scrolldelay）、對齊方式（aligh）、移動屏幕的寬（width）和高（height）等屬性。移動方向的屬值：left（向左移動）、 right（向右移動）、up（向上移動）、down（向下移動）。默認為left （向左移動）。移動方向的表示方法如：direction＝up （等號後面的方向可替換）移動速度的屬值是數字，數字越大移動速度越快。速度取值的大小要看你製作的網頁需要的移動速度而確定。一般取值為3－4。表示方法如：scrollamount=4移動方式：scroll（連續滾動）、slide（由一端快速滑動到另一端）、alternate（來回滾動）表示方法：behavior="scroll" 表示連續滾動；behavior="slide" 表示由一端快速滑動到另一端；behavior=alternate（來回滾動）移動屏幕的寬和高:是指顯示移動內容的那個「方框」的寬度和高度。width（寬）、height（高）。表示方法：width_=?px height=?px （？處輸入數值）對齊方式表示方法：aligh=left （居左對齊）或者 　aligh=right （居右對齊）或者 　　 aligh=center （居中對齊）<marquee>標籤的默認情況是向左滾動無數次；字幕高度是文本高度；滾動範圍：水平滾動的寬度是當前位置的寬度；垂直滾動的高度是當前位置的高度。移動標籤舉例：1、文字的移動標籤：<marquee direction＝up scrollamount=4>文字處</marquee>2、文字的移動標籤：<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>"春天沒來"歡迎您</strong></font></marquee>3、按照原圖片的規格移動的移動標籤：<marquee><img src="https://www.getit01.com/getimg_360.php?url=http://userimage2.360doc.com/12/0701/18/4127803_201207011844380474.png"></marquee>4、改變原圖片的規格移動的移動標籤：<MARQUEE><IMG style="WIDTH: 500px; HEIGHT: 175px"src="https://www.getit01.com/getimg_360.php?url=http://userimage2.360doc.com/12/0701/18/4127803_201207011844380474.png"></MARQUEE>5、一行多列圖片的移動標籤：<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"src="https://www.getit01.com/getimg_360.php?url=http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_6.jpg" width_="500" height="270"></td><td><img border="0"src="https://www.getit01.com/getimg_360.php?url=http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_5.jpg" width_="500" height="270"></td><td><img border="0"src="https://www.getit01.com/getimg_360.php?url=http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_4.jpg" width_="500" height="270"></td><td><img border="0"src="https://www.getit01.com/getimg_360.php?url=http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_3.jpg" width_="500" height="270"></td></tr></tbody></table></marquee>幾點說明： 1、一定要牢記：任何一種標籤，它們的首標籤與尾標籤之間的「內容」，就是這個標籤所管轄、限制與修飾的對象。2、上面的「移動標籤舉例1」：在首標籤中設置了兩個屬性：移動方向（direction）和移動速度（scrollamount）。移動方向是「向上」（up ），移動速度是4；「文字處」是指你要輸入的移動文字內容。這種表達方式，文字是系統默認的文字，黑色，字體比較小。3、上面的「移動標籤舉例2」：在「文字處」輸入了文字標籤，這種文字比較美觀。4、上面的「移動標籤舉例3——5」都是圖片的移動標籤。5、移動標籤的屬性與屬值是往移動標籤的首標籤中 <marquee>添加的，尾標籤 </marquee>中不能添加任何內容。6、添加移動標籤屬性的順序一般為：移動方向（direction）、屏幕高度（height）、移動方式（behavior）、屏幕寬度（width）、移動速度（scrollamount）、延時屬性（scrolldelay）。作業：１、認識移動標籤。２、在下面的括弧內寫出移動標籤的屬性名稱：direction（）、scrollamount（）、（）behavior、scrolldelay（）aligh（）、width（）height（）。３、在下面的括弧內寫出移動標籤的屬值名稱：left（）、 right（）、up（）、down（）、scroll（）、slide（）、alternate（）。４、試著製作一篇移動文章。（提示：應用上面「移動標籤舉例」中的任意一例，替換文章內容或者圖片地址，然後把代碼複製、粘貼到撰寫文章處的「代碼編輯」頁面中，點擊「發表」按鈕即可。）

２０１２年１０月 9 日於北京

第一章　代碼基礎知識第九節　鏈接標籤本節講解鏈接標籤。「鏈接」，也叫「超鏈接」。「鏈接標籤」是一個很重要的標籤，是製作網頁必不可少的一個標籤。毫不誇張地說，是超級鏈接把整個互聯網連接了起來。超級鏈接幾乎可以指向互聯網上的任何資源，例如另外一個網頁、一張圖片、一首MP3歌曲、一段視頻等等。在一個網頁中，您只要點擊一下頁面中超鏈接的內容，就可以進入鏈接的另一個網頁。鏈接標籤是一個最常用的標籤。你在「百度」中搜索到的每一篇文章標題，都和相關的網頁相鏈接；我們圖書館中的每一個文件夾中的文章標題，也和相關的網頁相鏈接；你能在互聯網上任意瀏覽、任意收藏自己喜歡的內容，都是鏈接標籤在起作用。我們自己的個人圖書館，誰也想裝扮的漂漂亮亮的，讓更多的朋友來訪問，讓更多的朋友來共享，那就在你的圖書館首頁，製作一個鏈接模塊吧，把你最精美的文章放置到模塊中，展示給大家吧！那麼，怎樣製作鏈接呢？概括地講，就是在一個網頁代碼的某個部位選擇一些內容（例如：文字或者圖片），在它們的代碼前面輸入一個「鏈接標籤」，然後在它們的代碼後面輸入一個「鏈接尾標籤」，鏈接就製作成功了。這篇文章「發表」以後，你用滑鼠箭頭指向鏈接的那些文字或者圖片，游標就會變成「手」的形狀；你點擊一下這些文字或者圖片，就會進入相關的網頁了。鏈接的基本語法為：<a href="要鏈接的網址" target=_blank>內容</a>注釋：<a>：尖括弧中的「a」是鏈接標籤名稱。href：用於指定超鏈接目標的地址。href 屬性的值（即等號後面的內容）可以是任何有效文檔的相對或絕對 URL（地址）。也就是說，「鏈接地址」可以是您的圖書館內的任何文章、任何圖片的地址，也可以是您的圖書館的地址、您的朋友的圖書館地址，還可以是其它網站的任何文章等地址。target：鏈接 標籤中的 target 屬性規定在何處打開鏈接文檔。_blank：鏈接文件的打開方式為在瀏覽器的新窗口中打開。（在鏈接標籤中， target=_blank　這個代碼相當重要，不能缺少。）內容：鏈接標籤中的「內容」，可以是文字或者圖片等內容。鏈接的形式：可以是文字和文字的鏈接，也可以是文字和圖片、圖片和圖片等內容的鏈接。作業：1、在上面的鏈接標籤中，指出標籤名稱、指出標籤的屬性。2、寫出：href的意思（）； target的意思（）；_blank的意思。3、試著製作一篇鏈接文章。在鏈接標籤：<a href="要鏈接的網址" target=_blank>內容</a>中，把你的一篇「文章的地址」替換到「要鏈接的網址」處，「文章標題」替換到「內容」處，然後把這一小段代碼複製、粘貼到撰寫文章處的「代碼編輯頁面」中，點擊「發表」，看看效果。精·[原]代碼入門教程（１）[原]代碼入門教程（２）[原]代碼入門教程（3）[原]代碼入門教程（4）

２０１２年１０月 9 日於北京
推薦閱讀：