<img>元素前三個屬性前面有介紹過這邊就不多講，要特別注意的是第四個：usemap。
| 屬性 | 說明 |
|---|---|
src |
設定圖片位址。 |
width |
設定圖片寬度。 |
height |
設定圖片高度。 |
usemap |
用來和<map>做連接，屬性值為「#影像地圖名稱」。 |
<map>元素| 屬性 | 說明 |
|---|---|
name |
用來設定影像地圖名稱。 |
<area>元素| 屬性 | 說明 |
|---|---|
shape |
用來設定區塊形狀，屬性值可為rect、circ、poly，分別是矩形、圓形、多邊形。 |
coords |
用來設定區塊座標，屬性值會根據不同的shape，有不同的寫法。 |
href |
用來設定各區塊所要連結到的網址。 |
若
shape=”rect”，coords=”(x1,y1,x2,y2)”，其中(x1,y1)為矩形之左上角座標，(x2,y2)為右下角座標。
若shape=”circ”，coords=”(x,y,radius)”，其中(x,y)為圓心座標，radius為半徑長。
若shape=”poly”，coords=”(x1,y1,x2,y2,…,xn,yn)”，每個(x,y)座標代表多邊形的各個點座標。
不知道這樣說明夠不夠清楚，如果有哪裡不明白的話，相信實作完就會理解了！
明天會進入捷運地圖首頁的實作，是邁向成功做出主題的第一步，個人非常期待。我是YQ，明天見。
iThome鐵人賽
看影片追技術