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

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.

 © 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