Hiperenlace <a>
Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y</a>. A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace
<a href="http://www.google.com">Visita www.google.com</a>
Tipos de referencias
Referencia absoluta
Conduce a una ubicación externa al sitio en el que se encuentra el documento. La ubicación es en Internet, en este caso hay que empezar la referencia por http:// , el nombre del dominio y algunas veces el nombre de la página. Si no se escribe el nombre de la página se cargará la página de inicio asociada al dominio.
<a href="http://www.google.com">Visita www.google.com</a>
Referencia relativa al sitio
Conduce a un documento situado dentro del mismo sitio que el documento actual. Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común, estando todos ellos dentro de una misma carpeta, conocida como carpeta raíz del sitio.
<a href="/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>
Referencia relativa al documento
Conduce a un documento situado dentro del mismo sitio que el documento actual, pero partiendo del directorio en el que se encuentra el actual
<a href="t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>
Destino del enlace
El destino del enlace determina en qué ventana va a ser abierta la página vinculada, se especifica a través del atributo target al que se le puede asignar los siguientes valores:
_blank... Abre el documento vinculado en una ventana nueva del navegador
_parent... Abre el documento vinculado en la ventana del marco que contiene el vínculo o en el conjunto de marcos padre
_self.... Es la opción predeterminada. Abre el documento vinculado en el mismo marco o ventana que el vínculo
_top.... Abre el documento vinculado en la ventana completa del navegador
<a href="http://www.google.com" target ="_blank">Visita www.google.com en una ventana nueva</a>
Formato de los enlaces
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.
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.
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).
<body link="#FF0000" vlink="#FF0099" alink="#FF9900">
<a href="http://www.google.com" target ="_blank">www.google.com</a>
.
No hay comentarios:
Publicar un comentario