Cómo hacer un link en una imagen en HTML




Es muy común que las imágenes en las páginas web ofrezcan un enlace al recibir un click. En este artículo veremos el código HTML que sirve para lograr esto.

El primer código que necesitaremos conocer es el que sirve para mostrar una imagen:

<img src="imagen.gif">


Este código lo único que hace es mostrar la imagen que está en el archivo imagen.gif, ubicado en el directorio raíz de la página web. Al hacer click sobre ella simplemente no ocurre nada. El nombre imagen.gif puede ser reemplazado por el de cualquier otro archivo, o incluso por una dirección de Internet en la que haya una imagen.

Para que esta imagen ofrezca un enlace se debe delimitar este código con la etiqueta <a>, tal como lo muestra el siguiente ejemplo:

<a href="http//cartuchorom.blogspot.com"><img src="imagen.gif"></a>

Lo que está en verde es el código que solo muestra la imagen, mientras que lo demás es lo que la convierte en un link. En este caso la dirección utilizada fue la principal de este blog. Para usar cualquier otra dirección se debe reemplazar el texto en rojo por ella.



© Copyright 2010-2015 Cartucho ROM