HTML - Creación de Hipervinculos con imágenes

El texto   escrito dentro de estas etiquetas  <A> - </ A> se convierten en un enlace a otro documento o a algún anclaje en la misma página.

Las imágenes también pueden usarse como enlaces hacia determinandos documentos dentro de tu propio sito, un archivo determinado, o una pagina web externa.El uso de imagenes resulta sencillo para usarlas como enlaces, como veremos a continuación.

Vamos a ver cómo funciona esto:

<A HREF="http://www.thef1.tk"> <IMG SRC = "imagen.jpg"
WIDTH = "150" height = "30" ALT = "Te lleva a la Página de Noticias Fórmula 1> </ A>

La imagen te lleva a la Página de Noticias Fórmula 1

La etiqueta de enlace coloca un borde de color alrededor de la imagen. Puede eliminar esta frontera mediante la especificación de "0" como valor del atributo BORDER de la etiqueta <IMG>.

<A HREF="http://www.thef1.tk"> <IMG SRC = "imagen.jpg"
WIDTH = "150" height = "30" ALT = "Te lleva a la Página de Noticias Fórmula 1"
Border = "0"> </ A>

La imagen te lleva a la Página de Noticias Fórmula 1

Cualquier imagen, ya sea. Gif,. Jpg,. Png o gif animado se puede convertir en un punto de enlace usando esta forma de crear enlace con imagenes.