Bu taglar yardımı ile bir resim üzerinde belirli bir koordinata özel link verebilirsiniz. Bu koordinatları oluşturmak için örneğin Dreamwaver programından faydalanabilirsiniz, önce bir imaj dosyasını ekledikten sonra, dreamweaver'ın tasarım bölümünde imaja tıkladığınızda, sağ alt kısımda Map özellikleri belirir, buradaki ok yardımı ile isterseniz dikdötgen, isterseniz eliptik isterseniz de poligon yani çokgen bir alan belirleyebilirsiniz.
Benim avatarım üzerindeki PHPindir.Net yazısına bu şekilde bir link vediğim bir örneği aşağıya yazıyorum.
- Kod: Tümünü seç
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Map ve Area kullanımı</title>
</head>
<body>
<img src="phpindir_avatar.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="15,30,78,65" href="http://www.phpindir.net" />
</map>
</body>
</html>