<img>影像標籤
屬性 | 說明(值) |
align | 設定圖案的位置(left,center,right,absmiddle) |
alt | 圖片的註解說明 |
border | 設定邊框大小 |
src | 設定圖片的URL |
width | 設定寬度 |
height | 設定高度 |
hspace | 設定圖形的左右邊界 |
vspace | 設定圖形的上下邊界 |
語法 <img align=center
src="cyming.gif" alt="cyming的logo圖案" width=240 height=60> 說明 將圖案至於中央,圖檔名稱為cyming.gif,說明文字:cyming的logo圖案,此圖案的寬240px,高60px |
![]() |
<img
src=URL [align=top|middle|bottom|left|right] [alt=alternativMessage] [border=pixels] [controls] [dynsrc=URL] [height=pixels] [hspace=pixels] [ismap] [loop=number|infinite] [lowsrc=URL] [start=fileopen|mouseover] [usemap=hashName] [vspace=pixels] [width=pixels] > (沒有結束標籤) |
![]() |
<img>標籤是用來顯示圖片,它的屬性有許多種。基本上,文件製作者必須以src屬性指定圖形檔所在的URL,最好再加上alt屬性即可。另外,HTML的作者也可以利用WIDTH和HEIGHT屬性來改變圖形的寬度和高度。border屬性用來決定圖形外框的寬度。圖形位置的對齊方向,可以使用align=top,middle,bottom,
left或right等設定值來控制。hspace和vspace則是分別設定圖片兩側及上下留白的寬度。這些屬性均是以像素為單位。alt屬性可以指定當瀏覽器無法顯示圖形時,替代出現的文字,有些瀏覽器也會在圖片尚未載入完成時,預先顯示ALT的文字。圖片除了用來美化版面之外,也常結合<A>標籤用來當作超連結的起點,例如:按<ahref="../"><img
alt="首頁" src=Mark.gif></a> 回到板城首頁。 上述方法是以整張圖當成一個超連結,此外,你可以使用ismap和usemap將圖片定義成「影像地圖」(image map),它可以根據使用者按下滑鼠的位置來決定要跳到的文件。 除了上述的標準屬性之外,Netscape公司加入了lowsrc屬性。Microsoft也加入和放映多媒體有關的一些屬性,包括以dynsrc指定影像檔所在的位置,以controls指示瀏覽器在播放時,是否顯示控制按鈕,以start來決定播放影片 檔的時機。 |
![]() |
<img
src="home.gif" alt="回到首頁" border="0"
WIDTH="66" HEIGHT="70">![]() ![]() ![]() |