Programación 

Hipervínculo mediante una imagen

Hipervínculo mediante una imagen <a> y <img>

Como ya conocemos los hipervínculos y como insertar imágenes en nuestra página, ahora podemos implementar un hipervínculo pero en vez de mostrar un texto mostraremos una imagen.

La solución es simple y consiste en disponer la marca <img> encerrada entre la marca de comienzo y fin del enlace (<a>)

Las imágenes se encuentran en una carpeta llamada imágenes que depende directamente de la raíz del sitio:

<html>

<head>

</head>

<body>

<h2>Presione alguna de las imagenes para conocer más sobre esa obra.</h2>

<a href=»pagina2.html»><img src=»/imagenes/foto1.jpg» alt=»Pintura Geométrica»></a>

<br>

<a href=»pagina2.html»><img src=»/imagenes/foto2.jpg» alt=»Pintura Geométrica»></a>

</body>

</html>


Lo que debe quedar bien en claro es que las imágenes se encuentran en un directorio llamado imágenes en la raíz del sitio. Es bueno practicar con esto ya que cuando implementemos sitios muy grandes seguramente agruparemos cada módulo en distintas carpetas.

Related posts