HTML <map> Etiketi

HTML <map> etiketi, istemci tarafında görüntü eşleme tanımlamak için <area> etiketi ile birlikte kullanılan bir etikettir. HTML <map> etiketi tıklanabilen alanları olan bir resim haritası oluşturur. Resim haritasına tıklandığı zaman istenilen hedef bağlantı açılır.

HTML <map> etiketi kullanarak görüntünün herhangi bir bölümünü görüntüyü bölmeden diğer belgelere aktarabilirsiniz.

Söz dizimi:

<map name=" ">

Özellikleri:

Görüntüleme	Etiketi Başlat/ Etiketi Bitir	Kullanımı
Yok	Sadece Başlangıç Etiketi	Görüntü Haritası

Örnek:

  <!DOCTYPE html>  
<html>  
 <head>  
<title>HTML map Etiketi</title>  
<style>  
  body{  
  margin-left: 300px;}  
</style>  
  </head>  
 <body>  
 <h2>HTML map Etiketi Kullanımı</h2>  
<img src="https://www.lifeacode.com/wp-content/uploads/2019/03/html.jpg" usemap="#web">  
<map name="web">  
<area shape="rect" coords="66,117,131,168" href="https://www.lifeacode.com">  
<area shape="rect" coords="199,36,277,85" href="https://www.lifeacode.com">  
<area shape="rect" coords="330,107,406,159" href="https://www.lifeacode.com">  
<area shape="rect" coords="199,185,267,236" href="https://www.lifeacode.com">  
 </map>  
 </body>  
</html>

Ekran Çıktısı: