IMG

用來展現一張圖像。

屬性說明
ALIGN | ALT | BORDER | HEIGHT | HSPACE | ISMAP | LONGDESC | NAME | SRC | USEMAP | VSPACE | WIDTH
通用屬性 此元件可以使用通用屬性，請參考通用屬性的說明。
ALIGN 指定元件的顯示區，相對於四周內容的對齊方法。請參考詳細說明與範例。
ALT 用在 IMG, AREA, APPLET, INPUT 元件，當前述元件不能正常展現時，就會顯示 ALT 設定的文字。 <img src='' alt='圖像找不到' width='40%' height='100px'> 範例： <img src='' alt='圖像找不到'   width='40%' height='100px'> 執行結果：
BORDER 設定邊線的寬度，單位為像素。主要瀏覽器沒有支援此項。
HEIGHT 宣告顯示區域的高度，其數值單位可是像素（pixel），或父元件高度的百分比。
WIDTH 宣告顯示區域的寬度，其數值單位可是像素，或父元件寬度的百分比。 <img width='30%' height='100px' border='8px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> <br /> <img width='200px' height='100px' border='18px' style='border-color:red' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> 範例： <img width='30%' height='100px'   border='8px'    src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> <br /> <img width='200px' height='100px'   border='18px' style='border-color:red'   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> 執行結果： 上例顯示，IE8 無法使用百分比宣告 width；Firefox, Safari, Chrome 都成功。
HSPACE 用在 IMG, APPLET, OBJECT，指定前述元件的顯示區域外，左右兩邊的空白寬度。數值單位為像素。
VSPACE 用在 IMG, APPLET, OBJECT，指定前述元件的顯示區域外，上下兩邊的空白寬度。數值單位為像素。 與圖的距離變遠了<br /> <img vspace='40px' hspace='40px' border=8 style='border-color:red' align=center src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> 與圖的距離變遠了<br>與圖的距離變遠了 範例： 與圖的距離變遠了<br /> <img vspace='40px' hspace='40px'   border=8 style='border-color:red' align=center   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> 與圖的距離變遠了<br>與圖的距離變遠了 執行結果： 與圖的距離變遠了 與圖的距離變遠了 與圖的距離變遠了 上例在 IE8 沒有成功，距離沒有變遠；Firefox, Safari, Chrome 都成功。
ISMAP 使用服務主機的圖像地圖時，必須設為 ISMAP。
LONGDESC 指定一個網址（URI）, 存有圖像的文字說明。可以用來輔助 ALT 的短說明。當用戶瀏覽器只有文字顯示時，可以顯示 LONGDESC 指定的說明。
NAME 給予元件一個識別名，用於程序擷取元件。建議改用 ID。
SRC 指定圖像存放的網址。
USEMAP 宣告客戶端圖形的地圖。用戶可以點擊地圖的不同區域，啟動不同的服務。請參考 AREA 的說明與範例。