XHTML1.0 圖片類標籤

<img>

<img> 它沒有結束標籤，但內容的最後面請加上一個空格與 /。圖片標籤是用來在我們所指定的位置上來顯示圖片的，例如：

<img src="show.png" alt="show" />

alt 屬性

alt 屬性為的是，假如圖片沒有正常顯示時則會顯示該屬性內的字串，這個屬性的屬性值字串所指的是「替代圖片的文字」而不是指「用游標說明圖片」，若想當滑鼠指過去顯示圖片的說明，這時則須使用 title 屬性。

hspace 屬性

左右水平空白距離，以像素為單位，其意指在圖片左右兩側各空出多少像素空間。預設為０像素。

vspace 屬性

上下垂直空白距離，以像素為單位，其意指在圖片上下兩邊各空出多少像素空間。預設為０像素。

align 屬性

<map>、<area>

<map> 標籤有結束標籤， <area> 標籤無結束標籤，但內容的最後面請加上一個空格與 /。圖片不單只有顯示而已，它還可作為鏈結的媒介。這個標籤所定義的是「用戶端」影像地圖元素，而非「伺服端」影像地圖元素。

１．單圖單一鏈結︰

單圖單一鏈結的使用方法很簡單，把圖片標籤放在超鏈結標籤之間就可以了。

還有就是圖片的鏈結與文字的鏈結有一個地方是相類似的，就是在不更改任何設定下，其文字的鏈結底下會有一道線，而圖片的四週則是會有一個框線。

您要是覺得這個框線不美觀，可以在標籤之中，加上屬性與其值 border="0"。例如：

<a href="a.html"><img src="b.png" border="0" alt="test" /></a>

２．單圖多方鏈結︰

我們可以使用影像地圖 <map> 標籤來完成。

※注意：在可擴展超文件標記語言 1.1 中不能使用 name 屬性。

使用方式：

<img src="圖片位置" alt="影像圖片" usemap="#Image Map 名稱" />
	<map id="Image Map 名稱" name="Image Map 名稱">
		<area shape="區域形狀" coords="座標" href="鏈結的目標" />
	</map>