Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RESİM ÜZERİNDE BELLİ KESİTLERE RESİM EKLEME </title>
</head>
<body>
<img src="apple.jpg" alt="Planets" usemap="#planetmap" style="width:145px;height:126px;">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
<!-- Burada önemli nokta şudur , usermap olarak planetmap ismini verdik , daha sonra bu map ile alakalı
koordinatlara göre link verdik . Kullanım şekli yukarıda ki gibidir. -->
</body>
</html>