<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">
顯示“home.gif”影像檔
ie.gif (914 個位元組) 執行結果:
回到首頁