Utilizando imágenes como enlaces

Para enlazar una imagen se debe combinar la etiqueta de enlace (<a> y </a>) y la etiqueta de imagen (<img />) dentro de ella.

Deberemos especificar los atributos obligatorios HREF, SRC y ALT.

La sintaxis quedará de la siguiente manera.

 

<a href="destino"> <img src="ruta-de-la-imagen" alt="texto alternativo a la imagen" /> </a>

El destino, al igual que en los enlaces de texto, podrá ser cualquier recurso interno o externo: una página, una imagen o un archivo...

Además de los atributos obligatorios podremos utilizar atributos opcionales como title, target...:

<a href="http://www.google.es" target="_blank"> <img src="logo-google.gif" alt="Logo de Google" title="Abrir Google en nueva ventana" /> </a>

El resultado sería el siguiente:

Logo de Google