客戶端圖像映射：就是在瀏覽器的一幅圖中定義若干個區域，每個區域中指定一個不同的超鏈接，當單擊不同的區域時便可以跳轉到相應的目標頁面。
服務器段圖像映射：在瀏覽器的一幅圖上單擊鼠標后，光標的相對位置坐標將被發送到服務器。然后服務器會通過一個專用程序來確定要執行的下一個步驟。
客戶端圖像映射涉及到的html標簽有：<img>、<map>、<area>，涉及到的屬性有：usemap、shape、coords、href、name或id。
給出示例：
1 <img src="被設置為圖像映射的圖片" usemap="map標簽的name或者id（加上#)" alt="" /> 2 3 <map name="圖像映射名" id="圖像映射名"> 4 <area shape="circle" coords="180,139,14" href ="鏈接1" alt="" /> 5 <area shape="rect" coords="129,161,220,350" href ="鏈接2" alt="" /> 6 <area shape="poly" coords="0,0,110,260,...,450,578" href ="鏈接3" alt="" /> 7 </map>
說明：
- 在html4中用name設置錨點，在html5中用id設置錨點，為了兼容性考慮最好是都寫上。所以usemap的屬性值可以使map標簽的name或者id，當然，map標簽的name屬性值和id屬性值必須相同
- shape屬性指示映射的形狀：circle圓形、rect矩形、poly多邊形
shape為circle時，coords有三個值，前兩個數字表示圓心的坐標，后一個數字表示半徑
shape為rect時，coords有四個值，前兩個是矩形左上角的坐標，后兩個是右下角的坐標
shape為poly時，coords為這個多邊形每個角的坐標，第一個坐標不必和最后一個坐標相同 - area標簽必須在map標簽內部使用
服務器端圖像映射涉及的標簽有：<a>、<img>，涉及的屬性：ismap
代碼示例：
1 <a href="demo_form.asp"> 2 <img src="tulip.gif" ismap="ismap "/> 3 </a>
說明：
- 當用戶在 ismap 圖像上單擊了某處時，瀏覽器會自動把鼠標的 x、y 位置（相對於圖像的左上角）發送到服務器端。特殊的服務器端軟件（在本例中是 demo_form.asp 程序）可以根據這些坐標來做出響應。
- 只有當 <img> 元素屬於帶有有效 href 屬性的 <a> 元素的后代時，才允許 ismap 屬性。