Después de investigar en varios repositorios y foros al terminar hallamos la resolución que te enseñaremos ahora.
Ejemplo: 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"/>¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)