HTML | Etiqueta <mapa>

La etiqueta <map> es para definir la imagen del mapa en la interfaz de usuario en la que se puede hacer clic. El <mapa> requería la etiqueta <img> que ayuda a la relación entre la imagen y el mapa. El elemento <map> contiene una serie de elementos <area> que definen las áreas en las que se puede hacer clic en el mapa de imagen.

Sintaxis: 

 <map name=""> </map>

Ejemplo:  

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | <map> Tag
    </title>
</head>
 
<body>
    <center>
         
 
<p>Click on Images where the cursor
          clickable.(Top-left corner)</p>
 
 
 
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190808143838/logsm.png"
             alt="Geeks_logo"
             usemap="#gfg">
 
        <map name="gfg">
            <area shape="rect"
                  coords="0, 0, 50, 50"
                  alt="gfg"
                  href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190821123122/gfgsm.png">
        </map>
    </center>
</body>
 
</html>

Producción:

 Antes: 

Después:  

Navegadores compatibles: los navegadores compatibles con la etiqueta HTML <mapa> se enumeran a continuación:  

  • Google cromo 1
  • Borde 12
  • explorador de Internet
  • Firefox 1
  • Safari 1
  • Ópera

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *