Study 2 —— 圖片熱點區域

標記<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屬性是爲區域設置超連接的目標，設置值爲「#」時，表示爲空連接