En este artículo, crearemos un mapa de imagen del lado del cliente usando una etiqueta <img> . La etiqueta <img> se usa para agregar imágenes en una página web. Esta etiqueta es una etiqueta vacía, lo que significa que solo puede contener una lista de atributos y no tiene una etiqueta de cierre.
Sintaxis:
<img src="url" alt="some_text" usemap="#mapname">
Ejemplo:
<!DOCTYPE html> <html> <head> <title> Define a client-side image-map </title> </head> <body> <h2> HTML5: How to define a client-side image-map? </h2> <h4> Inserted image using <img> tag: </h4> <img src= "https://www.geeksforgeeks.org/wp-content/uploads/gfgLogo.png" alt="GeeksforGeeks logo"> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA