午夜视频在线网站,日韩视频精品在线,中文字幕精品一区二区三区在线,在线播放精品,1024你懂我懂的旧版人,欧美日韩一级黄色片,一区二区三区在线观看视频

分享

代碼入門教程(5)

 春天沒來 2012-10-09

第一章 代碼基礎(chǔ)知識
第八節(jié) 移動標(biāo)簽
“春天沒來”歡迎您
   本節(jié)學(xué)習(xí)移動標(biāo)簽。
  移動標(biāo)簽是有趣的標(biāo)簽,移動標(biāo)簽是神奇的標(biāo)簽,移動標(biāo)簽是制作網(wǎng)頁很重要的一個標(biāo)簽。文字、圖片、邊框、音畫,甚至整個網(wǎng)頁,都可以應(yīng)用移動標(biāo)簽讓它們動起來。特別是用兩個移動標(biāo)簽控制移動內(nèi)容的那些網(wǎng)頁,其效果真是變幻莫測。移動標(biāo)簽,大有文章可作。在這本小冊子里我所講的移動標(biāo)簽內(nèi)容(主要是移動標(biāo)簽的應(yīng)用,我將在后面的文章里講解),也只能起個拋磚引玉的作用,希望大家深入研究、大膽探討,充分應(yīng)用移動標(biāo)簽,制作出各種各樣的具有神奇效果的漂亮網(wǎng)頁來。
  移動標(biāo)簽語法:<marquee>內(nèi)容</marquee> 
  注釋:
  <marquee>是移動標(biāo)簽,</marquee>是移動尾標(biāo)簽,中間的“內(nèi)容”,被這兩個標(biāo)簽包圍著、控制著。在<marquee>移動標(biāo)簽的尖括號內(nèi),我們可以給它添加屬性與屬值。
  移動標(biāo)簽常用的屬性:移動方向(direction)、移動速度(scrollamount)、移動方式(behavior)、延時(scrolldelay)、對齊方式(aligh)、移動屏幕的寬(width)和高(height)等屬性。
  移動方向的屬值:left(向左移動)、 right(向右移動)、up(向上移動)、down(向下移動)。默認(rèn)為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>標(biāo)簽的默認(rèn)情況是向左滾動無數(shù)次;字幕高度是文本高度;滾動范圍:水平滾動的寬度是當(dāng)前位置的寬度;垂直滾動的高度是當(dāng)前位置的高度。
 
        移動標(biāo)簽舉例:
  1、文字的移動標(biāo)簽:
<marquee direction=up scrollamount=4>文字處</marquee>
  2、文字的移動標(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>"春天沒來"歡迎您</strong></font></marquee>
  3、按照原圖片的規(guī)格移動的移動標(biāo)簽:
<marquee>
<img src="</marquee>
  4、改變原圖片的規(guī)格移動的移動標(biāo)簽:
  5、一行多列圖片的移動標(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"
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>
        幾點(diǎn)說明:
1、一定要牢記:任何一種標(biāo)簽,它們的首標(biāo)簽與尾標(biāo)簽之間的“內(nèi)容”,就是這個標(biāo)簽所管轄、限制與修飾的對象。
2、上面的“移動標(biāo)簽舉例1”:在首標(biāo)簽中設(shè)置了兩個屬性:移動方向(direction)和移動速度(scrollamount)。移動方向是“向上”(up ),移動速度是4;“文字處”是指你要輸入的移動文字內(nèi)容。這種表達(dá)方式,文字是系統(tǒng)默認(rèn)的文字,黑色,字體比較小。
3、上面的“移動標(biāo)簽舉例2”:在“文字處”輸入了文字標(biāo)簽,這種文字比較美觀。
4、上面的“移動標(biāo)簽舉例3——5”都是圖片的移動標(biāo)簽。
5、移動標(biāo)簽的屬性與屬值是往移動標(biāo)簽的首標(biāo)簽中 <marquee>添加的,尾標(biāo)簽 </marquee>中不能添加任何內(nèi)容。
6、添加移動標(biāo)簽屬性的順序一般為:移動方向(direction)、屏幕高度(height)、移動方式(behavior)、屏幕寬度(width)、移動速度(scrollamount)、延時屬性(scrolldelay)。
        作業(yè):
1、認(rèn)識移動標(biāo)簽。
2、在下面的括號內(nèi)寫出移動標(biāo)簽的屬性名稱:
direction()scrollamount()、()behavior、scrolldelay()aligh()、width()height()。
3、在下面的括號內(nèi)寫出移動標(biāo)簽的屬值名稱:
left()、 right()、up()、down()、scroll()、slide()、alternate()。
4、試著制作一篇移動文章。(提示:應(yīng)用上面“移動標(biāo)簽舉例”中的任意一例,替換文章內(nèi)容或者圖片地址,然后把代碼復(fù)制、粘貼到撰寫文章處的“代碼編輯”頁面中,點(diǎn)擊“發(fā)表”按鈕即可。)

2012年10月 9 日于北京

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

2012年10月 9 日于北京
 

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

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多