Image Map

首頁中放上一張全家福或與死黨的合照，游標移
到某個人上方點一下就可以連到那個人的首頁。

有一張旅遊地圖，將游標移到道路或旅遊據點上
方點一下，詳細的解說就會出現。

不錯的點子，但如何做呢？很簡單，先將相片透
過掃描器掃描好，或者先將地圖畫好，算好每個
人、道路、旅遊據點等所在的區域，接下來用：

<map name="map-name">
<area shape=形狀 coords="座標" href="連到哪裡去">
<area shape=形狀 coords="座標" href="連到哪裡去">
...
</map>
<img src="xxx" usemap="#map-name">

形狀可以是矩形、圓形、以及多邊形。

假如是矩形，則座標的寫法是：
〝左上角座標，右下角座標〞

假如是圓形，則座標的寫法是：
〝圓心座標，半徑〞

假如是多邊形﹝三角形也算是多邊型﹞，則座標
的寫法是：
〝第一點座標，第二點座標，...，第N點座標〞

試試下面這個例子

<map name="demo">
  <area shape=rect coords="25,20,75,82" href="rect.htm">
  <area shape=circle coords="130,50,25" href="circle.htm">
  <area shape=polygon coords="203,28,232,80,180,80" href="triangle.htm">
  <area shape=polygon coords="272,30,305,30,318,43,292,76,260,47" href="poly.htm">
</map>
<img src="images/map.jpg" usemap="#demo" border=0>