一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

代碼入門教程(5)

 春天沒來 2012-10-09

第一章 代碼基礎知識
第八節(jié) 移動標簽
“春天沒來”歡迎您
   本節(jié)學習移動標簽。
  移動標簽是有趣的標簽,移動標簽是神奇的標簽,移動標簽是制作網(wǎng)頁很重要的一個標簽。文字、圖片、邊框、音畫,甚至整個網(wǎng)頁,都可以應用移動標簽讓它們動起來。特別是用兩個移動標簽控制移動內(nèi)容的那些網(wǎng)頁,其效果真是變幻莫測。移動標簽,大有文章可作。在這本小冊子里我所講的移動標簽內(nèi)容(主要是移動標簽的應用,我將在后面的文章里講解),也只能起個拋磚引玉的作用,希望大家深入研究、大膽探討,充分應用移動標簽,制作出各種各樣的具有神奇效果的漂亮網(wǎng)頁來。
  移動標簽語法:<marquee>內(nèi)容</marquee> 
  注釋:
  <marquee>是移動標簽,</marquee>是移動尾標簽,中間的“內(nèi)容”,被這兩個標簽包圍著、控制著。在<marquee>移動標簽的尖括號內(nèi),我們可以給它添加屬性與屬值。
  移動標簽常用的屬性:移動方向(direction)、移動速度(scrollamount)、移動方式(behavior)、延時(scrolldelay)、對齊方式(aligh)、移動屏幕的寬(width)和高(height)等屬性。
  移動方向的屬值:left(向左移動)、 right(向右移動)、up(向上移動)、down(向下移動)。默認為left (向左移動)。
  移動方向的表示方法如:direction=up (等號后面的方向可替換)

  移動速度的屬值是數(shù)字,數(shù)字越大移動速度越快。速度取值的大小要看你制作的網(wǎng)頁需要的移動速度而確定。一般取值為3-4。表示方法如:scrollamount=4

  移動方式scroll(連續(xù)滾動)、slide(由一端快速滑動到另一端)、alternate(來回滾動)
  表示方法:behavior="scroll" 表示連續(xù)滾動;behavior="slide" 表示由一端快速滑動到另一端;behavior=alternate(來回滾動)
  移動屏幕的寬和高:是指顯示移動內(nèi)容的那個“方框”的寬度和高度。width(寬)、height(高)。表示方法:width=?px height=?px (?處輸入數(shù)值)
  對齊方式表示方法:aligh=left (居左對齊)或者  aligh=right (居右對齊)或者    aligh=center (居中對齊)
  <marquee>標簽的默認情況是向左滾動無數(shù)次;字幕高度是文本高度;滾動范圍:水平滾動的寬度是當前位置的寬度;垂直滾動的高度是當前位置的高度。
 
        移動標簽舉例:
  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、按照原圖片的規(guī)格移動的移動標簽:
<marquee>
<img src="</marquee>
  4、改變原圖片的規(guī)格移動的移動標簽:
  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="http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_6.jpg" width="500" height="270"></td>
<td><img border="0"
src="http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_5.jpg" width="500" height="270"></td>
<td><img border="0"
src="http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_4.jpg" width="500" height="270"></td>
<td><img border="0"
</tr></tbody></table></marquee>
        幾點說明:
1、一定要牢記:任何一種標簽,它們的首標簽與尾標簽之間的“內(nèi)容”,就是這個標簽所管轄、限制與修飾的對象。
2、上面的“移動標簽舉例1”:在首標簽中設置了兩個屬性:移動方向(direction)和移動速度(scrollamount)。移動方向是“向上”(up ),移動速度是4;“文字處”是指你要輸入的移動文字內(nèi)容。這種表達方式,文字是系統(tǒng)默認的文字,黑色,字體比較小。
3、上面的“移動標簽舉例2”:在“文字處”輸入了文字標簽,這種文字比較美觀。
4、上面的“移動標簽舉例3——5”都是圖片的移動標簽。
5、移動標簽的屬性與屬值是往移動標簽的首標簽中 <marquee>添加的,尾標簽 </marquee>中不能添加任何內(nèi)容。
6、添加移動標簽屬性的順序一般為:移動方向(direction)、屏幕高度(height)、移動方式(behavior)、屏幕寬度(width)、移動速度(scrollamount)、延時屬性(scrolldelay)。
        作業(yè):
1、認識移動標簽。
2、在下面的括號內(nèi)寫出移動標簽的屬性名稱:
direction()、scrollamount()、()behavior、scrolldelay()aligh()、width()height()。
3、在下面的括號內(nèi)寫出移動標簽的屬值名稱:
left()、 right()、up()、down()、scroll()、slide()、alternate()。
4、試著制作一篇移動文章。(提示:應用上面“移動標簽舉例”中的任意一例,替換文章內(nèi)容或者圖片地址,然后把代碼復制、粘貼到撰寫文章處的“代碼編輯”頁面中,點擊“發(fā)表”按鈕即可。)

2012年10月 9 日于北京

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

2012年10月 9 日于北京
 

    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    最近最新中文字幕免费| 国产精品二区三区免费播放心| 91在线播放在线播放观看| 麻豆蜜桃星空传媒在线观看| 色一情一伦一区二区三| 内射精子视频欧美一区二区| 日本福利写真在线观看| 久久亚洲国产视频三级黄| 少妇被粗大进猛进出处故事| 大香蕉久久精品一区二区字幕| 成人综合网视频在线观看| 扒开腿狂躁女人爽出白浆av| 日本午夜免费啪视频在线| 亚洲最新av在线观看| 中文字幕区自拍偷拍区| 国产精品激情对白一区二区| 99久久精品视频一区二区| 成人区人妻精品一区二区三区| 国产又粗又深又猛又爽又黄| 日韩性生活视频免费在线观看| 91精品日本在线视频| 欧美一区二区三区性视频| 国产一区国产二区在线视频| 国产伦精品一区二区三区高清版 | 丰满少妇被猛烈撞击在线视频| 护士又紧又深又湿又爽的视频| 成人免费在线视频大香蕉| 成在线人免费视频一区二区| 欧美视频在线观看一区| 中文字幕有码视频熟女| 亚洲国产四季欧美一区| 国产精品久久精品毛片| 久久综合狠狠综合久久综合| 黄色片一区二区在线观看| 中文字幕佐山爱一区二区免费| 中文字幕免费观看亚洲视频| 中字幕一区二区三区久久蜜桃| 激情亚洲内射一区二区三区| 亚洲人妻av中文字幕| 亚洲av成人一区二区三区在线| 国产亚洲欧美另类久久久|