HTML Básico
Lo que Usted Necesita
Mi Primer Archivo
Etiquetas HTML
Formato de una Etiqueta
Encabezados en HTML
Atributos de una Etiqueta
Comentarios en HTML
Uso de la etiqueta <BR>
Formateo de Texto
Etiquetas Físicas
Etiquetas Lógicas  
Uso de la etiqueta  <HR>
Diseño en HTML
Formatear Texto I
Formatear Texto II
Formatear Texto III
Creación de Listas
Caracteres especiales
Creación de Hipervinculos
Insertar Imagenes I
Insertar Imagenes II
Hipervinculos con Imagenes
Etiqueta <BODY>
Enviar Correo
HTML Avanzado
Sonido y Música
Incorporacion de Video
Uso de Color
Tablas I
Tablas II
Tablas III
Tablas IV
Tablas V
Frames I
Frames II
Frames III
Frames IV
Frames V
Frames VI
Atributo Target  
Uso de IFrames
Formularios I
Formularios II
Formularios III
Imágenes como Mapas I
Imágenes como Mapas II
Metaetiquetas
HTML 4.0
Uso de CSS
Etiqueta HEAD
Meta
Scripts
Entidades
URLs
URL codificadas
Servidor Web
Lista de Etiquetas
Guias y Ejercicios

 

 

 

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 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 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.