什么是圖像地圖?
把一幅圖像分成多個區域，每個區域指向不同的URL地址。例如，將一幅中國地圖的圖像按照省市划分為若干個區域，這些區域就被稱為熱點，單擊熱點區域，就可以連接到與相應的省市有關的頁面，這就是圖像地圖。
怎么制作?
- 首先必須定義出圖像上的各個熱點區域的形狀，位置坐標，及其指向的URL地址等信息，這個過程叫圖像熱點映射。圖像熱點映射需要使用<map name=mapname></map>標簽對進行說明，其中的name屬性為該圖像熱點映射指定了一個名稱。
- 圖像熱點映射中的各個區域用<area>標簽說明，<area>標簽的格式為：<area shape="形狀" coords="坐標" href="URL">，href部分也可以用nohref替換，表示在該區域單擊鼠標無效。<area>標簽還可以有一個target屬性，用來指明瀏覽器在哪個窗口或者幀中顯示href屬性所指向的網頁資源。
- 定義好了圖像熱點之后，接着就要在<img> 圖像標簽中增加一個名為usemap的屬性設置，usemap屬性指定該圖像被用作圖像地圖，其設置值為所使用的圖像熱點映射名稱，格式為：在<map>標簽中的name屬性設置值前多加一個"#"字符。例如，<img src="china.jpg" usemap="#mymap">
示例代碼
CODE:
<img src="china.gif" usemap="#mymap">
map name="mymap">
<area shape="rect" href="a.html" coords="0,0,50,50">
<area shape="circle" href="b.html" coords="120,80,50">
<area shape="poly" href="c.html" coords="0,0,50,50,100,100,200,200">
/map>
Shape屬性的設置說明：
Rect：
定義一個矩形區域，coords屬性設置值為左上角、右下角的坐標，各個坐標之間用逗號分開。
Poly：
定義一個多邊型區域，coords屬性設置值為多邊形各個頂點的坐標值。
Circle：
定義一個圓形區域，coords屬性設置值為圓心坐標及半徑，前兩個參數分別為圓心的橫、縱坐標，第三個參數為半徑。