HTML的一些小講解(多媒體、連結、特殊物件)
<其他媒體、工具>
<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