HTML的一些小講解(多媒體、連結、特殊物件)

看板b95902HW作者 (++紅色世界++)時間19年前 (2006/12/25 22:33), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串1/1
<其他媒體、工具> <a></a>連結 將內容加以超連結,這個連結可以是站外聯結(連到其他網站)、站內連結(連到站內其他 網頁)或是頁內連結(連到同頁的某個位置(書籤))。 最平常的應用如下: <a href='http://www.google.com'>這個連結會連到google喔</a> <a>屬性: class:透過CSS的類別選取器定義樣式,值為任意文字 id:元素名稱 href:指定該連結所鍊結的網頁,可以是站外的網址或是站內的網頁路徑 shape:決定連結內容的形狀,通常是製作影像地圖時使用,必須跟coords屬性一起使用 。可用值有3種: circle:圓形,xy表圓心座標,r表半徑 <a href="xxx" shape="circle" coords="x,y,r">連結圖片</a> rectangle:矩形,x1y1表矩形的左上角座標,x2y2表矩形右下角座標 <a href="xxx" shape="rectangle" coords="x1,y1,x2,y2">連結圖片</a> polygon:多邊形,可以給定任意個座標的位置 <a href="xxx" shape="rectangle" coords="x1,y1,x2,y2....">連結圖片</a> style:可以用CSS樣式規則定義樣式 target:指定開啟的網頁要載入什麼視窗,在有頁框的狀況下很重要。可用值有6種: _blank:用新視窗開啟 _media:用媒體工作列的html內容區域開啟 _parent:用母視窗開啟(容納所有小頁框的網頁) _search:用瀏覽器搜尋頁開啟 _self:用連結所在的網頁開啟 _top:用連結所在網頁的最上層視窗開啟 title:顯示連結的注解,在滑鼠停留在連結時會出現的文字,值可以是任意文字 <img>圖片 單獨使用,顯示一張圖片,並可以控制圖片的顯示方式。 <img>屬性: align:對齊方式 alt:顯示一段註解文字,值是任意的文字 border:圖片的邊框粗細,值是數字,越大就越粗。 class:CSS的類別選取器定義樣式用 galleryimg:決定當滑鼠經過圖片時,是否出現工具列(儲存、列印之類的)值是布林 值(true或false) height width:圖片的寬高 hspace vspace:指定左右/上下兩邊空出的空白量 id:元素名稱 src:指定圖片所在的位置或是路徑,可以指向站外 style:CSS的樣式定義規則 <embed>多媒體 單獨使用,可以顯示影像檔或音樂。 <embed>屬性: align:對齊方式 border:邊框粗細 class:CSS的類別選取器定義樣式用 hidden:隱藏控制台,值是一個布林值(true或false) height width:多媒體的寬高 hspace vspace:指定左右/上下兩邊空出的空白量 id:元素名稱 pluginspage:指定包含內嵌元件安裝說明的網址 src:指定多媒體檔案所在的位置或路徑,也允許指向站外 style:CSS的樣式定義規則 units:定義height跟width屬性的單位,可以是em或px。 <bgsound>背景音樂 單獨使用,可以加入網頁的背景音樂。這個標籤必須放在<head>標籤的裡面。 <bgsound>屬性: balance:指定音樂的音量分布,從-10000(只有左邊有聲音)到10000(只有右邊有聲音)。 id:元素名稱 loop:音樂播放次數,值可以是任意整數(如為負數,就會是無限撥放;如為0則只播放 一次) src:音樂檔的路徑,檔案只能是音源檔 volume:音樂的音量,值從-10000到0,值越大越大聲。 <marquee></marquee>跑馬燈 將內容做成跑馬燈。 <marquee>屬性: behavior:決定跑馬燈的捲動模式,可用值有三種: alternate:來回移動 scroll:循環移動(預設值) slide:移動到底端後停止 bgcolor:跑馬燈的背景顏色 class:CSS的類別選取器定義樣式用 dir:文字方向 direction:捲動方向,可用值有四種: left:右向左(預設值) right:左向右 up:下向上 down:上向下 height width:跑馬燈寬高 hspace vspace:指定跑馬燈左右/上下的空白量 id:元素名稱 loop:跑馬燈的移動次數,若為-1則是無限次,0則為一次 scrollamount:跑馬燈每移動一次的位移量 scrolldelay:跑馬燈的速度,值以微秒作單位 style:CSS樣式定義規則 title:滑鼠移到跑馬燈時的註解文字 truespeed:沒有指定值,此屬性可以允許scrolldelay使用60微秒以下的數值。 <hr>分隔線 單獨使用,製作一條分隔線。(預設是3d造型的分隔線) <hr>屬性: align:對齊方式 class:CSS的類別選取器定義樣式用 color:分隔線顏色 id:元素名稱 noshade:沒有指定值,此屬性會取消分隔線的3d陰影 size:指定分隔線寬度,單位是像素 style:CSS樣式定義規則 title:滑鼠移到分隔線上的註解文字 width:分隔線長度 好啦,今天暫時告一段落,之後會繼續說明表格、頁框、表單等標籤,其中表單會是 這次作業的重點喔... -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.121.11.252
文章代碼(AID): #15Z-4Y-F (b95902HW)