¿Cómo escribir un hipervínculo en HTML5 que se pueda navegar haciendo clic en la imagen?

Utilice la etiqueta HTML lt; mapgt; para establecer puntos de acceso para imágenes (lugares especificados para agregar enlaces)

Ejemplo:

lt; jpg" border="0" usemap="#planetmap" alt="Planetas" border="0" /gt;

lt;map name="planetmap" id="planetmap"gt;

lt; área forma="círculo" coords="180, 139, 14" href ="venus.html" style="cursor: puntero" alt="Venus" /gt; > lt; forma de área="círculo" coords="129, 161, 10" href ="mercur.html" alt="Mercurio" /gt

lt; forma de área="rect" coords= "0, 0, 110, 260" href ="sun.html" alt="Sun" /gt;

lt;/mapgt

Explicación del ejemplo:

Los elementos del á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 lt;imggt; puede hacer referencia al atributo id o name en lt;mapgt; (dependiendo del navegador), por lo que tanto el atributo id como el nombre deben agregarse a lt;mapgt;.

x1, y1, x2, y2

Si la propiedad de forma se establece en "rect", este valor especifica las coordenadas de las esquinas superior izquierda e inferior derecha del rectángulo.

x, y, radio

Si el atributo de forma se establece en "circ", este valor especifica las coordenadas y el radio del centro del círculo.

x1, y1, x2, y2, .., xn, yn

Si el atributo de forma se establece en "poly", este valor especifica las coordenadas de cada lado del polígono. . Si la primera y la última coordenadas no coinciden, para cerrar el polígono, el navegador debe agregar el último par de coordenadas.