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