Enlaces en HTML (V)
por Luciano Moreno, del departamento de diseño web de BJS Software.

Uso de la etiqueta <A>.-

La pareja de etiquetas <A...>...</A> se suele usar principalmente introduciendo dentro de ellas un texto o una imagen, que van a ser el elemento identificador de dónde va a llevar el enlace.

* En el caso de un texto, la sintaxis es muy simple:

<A HREF="ruta_pagina" PROPIEDAD="valor".....>texto del enlace</A>

Ejemplo:

<a href="http://www.yahoo.es" target="_blank">Yahoo</a>

que nos da:

Yahoo

* Y en el caso de una imagen, lo mismo, salvo que ahora la propia etiqueta <IMG> posée unas propiedades particulares que podemos establecer para controlar su presentación:

<a href="http://www.yahoo.es" target="_blank"><img src="images/yahoo.gif" width="66" height="20"></a>

con lo que obtenemos:

Para más información sobre la etiqueta <IMG> y sus propiedades podéis consultar el manual de imágenes en HTMl dentro de ésta misma sección de HTMLWeb.

Fijaros como al usar un texto como enlace éste aparece de color azul y subrayado, y en el caso de una imagen, ésta aparece con un borde azul alrededor. Cuando se ha visitado el enlace, el color azul pasa a ser morado claro. Esto es siempre así, por defecto, pero se puede cambiar de tal forma que es posible configurar los enlaces para que aparezcan con la apariencia que deseemos. El caso de los textos lo veremos en un capítulo posterior, pero en el caso de las imágenes, para quitarles el borde azul basta con añadir a la etiqueta <IMG> su propiedad BORDER igualada a cero.

Ejemplo:

<a href="http://www.yahoo.es" target="_blank"><img src="images/yahoo.gif" width="66" height="20" border="0"></a>

que nos da:

Bueno, ya sabemos cómo debemos establecer los enlaces en nuestra página. Vamos a ver ahora los tipos de enlaces existentes según el destino al que nos lleven.