Cómo establecer un hipervínculo en un lugar específico de una página

Establezca un hipervínculo en un lugar específico en la misma imagen, que se convierte en un enlace activo de imagen y un mapeo de imágenes.

Definir imágenes principalmente a través de etiquetas HTML

lt imggt;.

lt; mapgt; Define el mapa de la imagen.

lt; areagt; Define el área en la que se puede hacer clic en el mapa de la imagen.

Para lograrlo.

La tecnología clave se logra a través de los atributos ismap y usemap de la etiqueta img, combinados con las etiquetas map y area.

Los elementos de área siempre están anidados dentro de los elementos del mapa. El elemento de área define un área en el mapa de imagen.

El atributo usemap en imggt puede hacer referencia al atributo id o nombre en mapgt (dependiendo del navegador), por lo que debemos agregar los atributos id y nombre a mapgt;.

Ejemplo:

lt;img ?src="/i/eg_planets.jpg"?border="0" usemap="#planetmap"?alt="Planetas" /gt ;

lt;mapa nombre="planetmap" id="planetmap"gt;

lt;área

forma="círculo"

coords="180, 139, 14"

href ="/example/html/venus.html"

target ="_blank"

alt ="Venus" /gt;

lt; área

forma="círculo"

coords="129, 161, 10"

href ="/example/html/mercur.html"

target ="_blank"

alt="Mercury" /gt;

lt; área

shape="rect"

coords="0, 0, 110, 260"

href="/example/html/sun.html"

target ="_blank"

alt="Sun" /gt;

lt /mapgt

Comentarios: elemento img; El atributo "usemap" hace referencia al atributo "id" o "name" (según el navegador) en el elemento del mapa, por lo que agregamos los atributos "id" y "name" al elemento del mapa.