下面這一張圖；劃分九個區域點擊鏈接不停地址

<IMG usemap="#Map" src="/images/banbian.jpg">

<map name="Map" id="Map">
    /*矩形：shape="rectangle"，coords="x1,y1,x2,y2"
     第一個坐標是矩形的一個角的頂點坐標，另一對坐標是對角的頂點坐標，"0,0" 是圖像左上角的坐標。請註意，定義矩形實際上是定義帶有四個頂點的多邊形的一種簡化方法。（就是說，知道對角的兩個點的坐標就行了。）*/
     
     <area shape="rect" coords="........" href="跳轉地址" />
    
    /*  圓形：shape="circle"，coords="x,y,z" x,y為圓心坐標（x,y）,z為園的半徑*/

    <area shape="circle" coords="........." href="跳轉地址" />
 

    /*多邊形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."：每一對 "x,y" 坐標都定義了多邊形的一個頂點（"0,0" 是圖像左上角的坐標）。定義三角形至少需要三組坐標；高緯多邊形則需要更多數量的頂點。多邊形會自動封閉，因此在列表的結尾不需要重復第一個坐標來閉合整個區域。*/</map>
    
    <area shape="polygon" coords="........"  href="跳轉地址www.baidu.com">

usemap是img標簽的一個屬性，usemap=“#Map”表示和id為Map的map相關聯

第二個點坐標x，第二個點坐標y”....，

坐標長度為像素，坐標原點為圖片的左上角。

這樣可以做到不用圖片中選擇區域加入超鏈接

15.map劃分鏈接區域