Formato de los enlaces

Formato de los enlaces




En general, un texto que tiene un vínculo asociado suele aparecer subrayado.

Cuando el vínculo está definido sobre una imágen, en el borde aparecen una serie de puntitos al pulsar sobre ella. Cuando el vínculo está definido sobre una zona de una imagen (un mapa), aparece el contorno de esa zona.

Aqui tienes dos vínculos similares de ejemplo:









Como puedes ver, la segunda imagen que hace de vínculo contiene un recuadro alrededor. Esto ocurre debido a que se ha establecido un borde para la imagen, como veremos más adelante.

Tanto si el vínculo se asigna a un texto como a una imagen, el cursor cambia de forma al situarse encima del vínculo. Suele adquirir la apariencia de una mano señalando.

Normalmente los vínculos de texto cambian de color cuando el enlace ha sido ya pulsado o cuando el puntero del ratón se posiciona sobre él, estos cambios están predefinidos en cada navegador, pero nosotros podemos cambiar esos colores.

Los colores de los vínculos pueden especificarse a través de las propiedades de la página, en la etiqueta <body>. Estos colores se asignan a través de los atributos link (vínculo), alink (vínculo activo), y vlink(vínculo visitado).

link permite determinar el color de los enlaces sin visitar (enlace que no ha sido pulsado ninguna vez).

alink permite determinar el color del enlace activo (enlace que acaba de ser pulsado).

vlink permite determinar el color de los enlaces visitados (enlaces que ya han sido pulsados).

Por ejemplo, al insertar el siguiente código:


...
<body link="#FF0000" vlink="#FF0099" alink="#FF9900">
...
<a href="http://html11-02jm.blogspot.com.co/p/destino-del-enlace.html" target ="_blank">http://html11-02jm.blogspot.com.co/p/destino-del-enlace.html</a>
...

Mientras no se visite la página http://html11-02jm.blogspot.com.co/p/destino-del-enlace.html/, el enlace será de color rojo (#FF0000):


http://html11-02jm.blogspot.com.co/p/destino-del-enlace.html


Mientras la páginahttp://html11-02jm.blogspot.com.co/p/destino-del-enlace.html sea la última visitada, el enlace será de color fucsia (#FF0099):


http://html11-02jm.blogspot.com.co/p/destino-del-enlace.html

Cuando se haya visitado la página http://html11-02jm.blogspot.com.co/p/destino-del-enlace.html/, el enlace será de color naranja (#FF9900):


http://html11-02jm.blogspot.com.co/p/destino-del-enlace.html