Enlaces de hipertexto

Ok, por el momento hemos aprendido a formatear el texto y a hacer vistosa nuestra página con unas cuantas imágenes ha llegado la hora de relacionar nuestra página con otras, de enlazarla ¿o acaso World Wide Web no significa red mundial? pues eso.

Crear enlaces es bastante fácil, de hecho para hacer un enlace a la página, por ejemplo, de Geocities, basta escribir...

<a href="http://www.geocities.com">Enlace a Geocities</a>

Como vemos basta con especificar con el atributo HREF la dirección con la que queremos enlazar, sea ésta una ruta completa, un archivo de nuestro dominio o directorio o un recurso.

Podemos especificar explícitamente una serie de recursos de Internet, de tal forma que el navegador abra la aplicación relacionada. Así tenemos...

<a href="mailto:quintus@sarovi.com">¡Escríbeme!</a>

Abriría el programa de correo electrónico para enviar un email a mi dirección de correo.

Asimismo es interesante la posibilidad de enlazar diferentes partes de un documento con referencias de hipertexto; si queremos referirnos a una determinada parte de un documento, por ejemplo. Para ello se utiliza el atributo NAME...

<a href="#Destino">Enlace hacia "Destino"</a>

o si el enlace se encuentra en otro documento...

<a href="mipagina.htm#Destino">Enlace hacia "Destino"</a>

En ambos casos el punto de destino se indica como sigue...

<a name="Destino">Punto de destino</a>

También tenemos un atributo que nos permite que el destino de nuestra navegación se encuentre en otro marco (o FRAME) e incluso en una ventana nueva. Para ello utilizamos el atributo TARGET.

El siguiente ejemplo abriría de nuevo el capítulo de las imágenes en lugar de éste de los enlaces...

<a href="c006.htm" target="texto">Imágenes</a>

Valor	Descripción
_blank	Abre una nueva ventana del navegador con el documento o dirección especificada.
_self	Abre el enlace en el marco actual.
_parent	Abre el enlace en el padre del marco actual, salvo que éste no exista, en cuyo caso actúa como el anterior.
_top	Abre el enlace en el nivel más alto de los marcos.

Los anteriores, junto con TITLE, son los atributos principales. Éste último nos permite añadir una descripción informativa al enlace, que resultará de especial interés a aquellos que utilicen navegadores de texto como Lynx.

<a href="c006.htm" title="[Tutorial Imágenes]">Imágenes</a>

Hay otros atributos para el código "A" como son METHODS, REL, REV o URN pero es difícil que llegues a utilizarlos alguna vez, y no vale la pena nombrarlos en éste tutorial, sino en uno más avanzado.