Volver a la portada de Duiops
Volver al
Web de Duiops

Google 
 
En Internet En duiops.net

LISTA DE CORREO

Apúntate para recibir todas las novedades:


Portada | Fundamentos del HTML | Enlazando las páginas | Enlaces con imágenes

 

La sintaxis del HTML ] Haciendo documentos HTML ] Formateando el texto ] Añadiendo listas ] Enlazando las páginas ] Tablas ] Marcos ] Formularios ]

 


Atrás Arriba Siguiente

 

Enlaces con imágenes

Todos los ejemplos de enlace hasta aquí han sido mediante texto. En otras palabras, lo que está "activo" es el texto. Pero esto no es sólo así, tal como comentamos antes, puede enlazarse cualquier tipo de objeto, particularmente las imágenes.

También es muy fácil de hacer. Todo lo necesario es colocar la etiqueta de las imágenes dentro del contexto de la etiqueta anchor, y la imagen se hará "hyper", es decir, que al hacer clic sobre ella saltará al archivo que le hayas asignado, enlace absoluto o relativo. Por ejemplo:

<A href="intro.htm"><IMG src="bander.gif"><A>

Si haces clic sobre la imagen volverás a la introducción del curso de HTML.

Te darás cuenta de que hay un borde alrededor de la imagen, indicando que está enlazada. Esto es casi siempre poco estético, para quitarlo tendrás que añadir el atributo y valor border="0" dentro de la etiqueta IMG. (mira el capítulo "Trabajando con imágenes")

Aquí tienes el código modificado:

<A href="intro.htm"><IMG src="bander.gif" border="0"><A>

Como ves, el borde ha desaparecido.

 

Atrás Arriba Siguiente


 © 1997-2009 Duiops (http://www.duiops.net)
 Prohibida la reproducción parcial o total de los textos o las imágenes.

 Para comentarios, usar las direcciones e-mail de contacto