Saltar al contenido

coordenadas de imagen en ejemplo de código html

Al fin luego de mucho trabajar pudimos encontrar la respuesta de este rompecabezas que algunos lectores de este sitio web han presentado. Si deseas compartir algún dato no dejes de aportar tu comentario.

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>

Te mostramos reseñas y calificaciones

Si para ti ha sido de provecho este post, nos gustaría que lo compartas con otros entusiastas de la programación y nos ayudes a difundir este contenido.

¡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 *