Saltar al contenido

Ejemplo de código de coordenadas de imagen html arriba abajo izquierda derecha

Hola, encontramos la solución a lo que necesitas, continúa leyendo y la encontrarás aquí.

Ejemplo 1: mapa de imagen html

the map defines what url will be assigned to that shape over the the image

<style>imgdisplay: block;margin:0 auto;width:260px;height:248px;style><mapname="infographic"><areashape="rect"coords="184,6,253,27"href="https://mozilla.org"target="_blank"alt="Mozilla"/><areashape="circle"coords="130,136,60"href="https://developer.mozilla.org/"target="_blank"alt="MDN"/><areashape="poly"coords="130,6,253,96,223,106,130,39"href="https://developer.mozilla.org/docs/Web/Guide/Graphics"target="_blank"alt="Graphics"/><areashape="poly"coords="253,96,207,241,189,217,223,103"href="https://developer.mozilla.org/docs/Web/HTML"target="_blank"alt="HTML"/><areashape="poly"coords="207,241,54,241,72,217,189,217"href="https://developer.mozilla.org/docs/Web/JavaScript"target="_blank"alt="JavaScript"/><areashape="poly"coords="54,241,6,97,36,107,72,217"href="https://developer.mozilla.org/docs/Web/API"target="_blank"alt="Web APIs"/><areashape="poly"coords="6,97,130,6,130,39,36,107"href="https://developer.mozilla.org/docs/Web/CSS"target="_blank"alt="CSS"/>map><imgusemap="#infographic"src="https://interactive-examples.mdn.mozilla.net/media/examples/mdn-info.png"alt="MDN infographic"/>

Ejemplo 2: colocación de coordenadas de mapeo html

DOCTYPEhtml><html><head><title>HTML coords attributetitle>head><body><imgsrc="/images/html.gif"alt="HTML Map"border="0"usemap="#html"/><mapname="html"><areashape="circle"coords="154,150,59"href="about/about_team.htm"alt="Team"target="_self"/>map>body>html>

Sección de Reseñas y Valoraciones

Si entiendes que ha resultado provechoso nuestro artículo, sería de mucha ayuda si lo compartieras con otros seniors así nos ayudas a difundir esta información.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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