標記<map>和<area>
<img src="圖片" usemap="#名稱">
<map id="#名稱">
    <area shape="rect" coords="10,10,100,100" href="#">
    <area shape="circle" coords="120,120,50" href="#">
    <area shape="poly" coords="78,13,81,14,53,32,86,38" href="#">        
</map>

語法格式：
（1）插入圖片，增加圖片屬性usemap，說明該圖像是熱區映射圖像，屬性值必須以“#”開頭，如#img.
 

那麽上面的代碼就應該為<img src="圖片地址" usemap="#img">
（2）<map>標記只有一個屬性id，其作用是為區域命名，屬性值必須與<img>標記的usemap屬性值相同。
修改上述代碼為：<map id="#img">
（3）<area>標記主要是定義熱點區域的形狀及超鏈接，它有三個相應的屬性：
1.shape屬性，控件劃分區域的形狀，其取值有3個，分別是rect(矩形)，circle（圓形）和poly（多邊形）
2.coords屬性，控制區域的劃分坐標：
 a.如果shape屬性取值為rect，那麽coords的設置值分別為矩形的左上角x、y坐標點和右下角x、y坐標點，單位為像素
 

 b.如果shape屬性取值為circle，那麽coords的設置值分別為圓形圓心x、y坐標點和半徑值，單位為像素
 c.如果shape屬性取值為poly，那麽coords的設置值分別為多邊形各個點的x、y坐標點，單位為像素
3.href屬性是為區域設置超鏈接的目標，設置值為“#”時，表示為空鏈接

Study 2 —— 圖片熱點區域