Image Map

links: http://juriglagu.multiply.com/journal/item/1815

Contoh HTML:
<img src=”URL-gambar” alt=”JL” usemap=”#JL” />

<map name=”JL“>
<area shape=”rect” coords=”a,b,c,d” alt=”keterangan objek1” href=”URL-objek1” />
<area shape=”circle” coords=”e,f,g” alt=”keterangan objek2” href=”URL-objek2” />
</map>

Hasilnya:

Penjelasan:
(a,b) = Titik awal (Persegi)
(c,d) = Titik akhir (Persegi)
(e,f) = Titik pusat (Lingkaran)
g (R) = Jari-jari (Lingkaran)

Note:
Untuk melihat kordinatnya, bisa dilihat dari (Microsoft) Paint

Selamat mencoba!

Credit: peace196 & w3schools

another good article

http://laptopmini.multiply.com/journal/item/65/Tutorial_Image_Map