HTML Y JAVASCRIPT: HIPERENLACES

3. SESIÓN HIPERENLACES

3.1.- Hiperenlace <a>

Veamos un ejemplo para saltar al inicio de esta página. Escribiríamos en el lugar desde el que queremos saltar:

<A HREF="#inicio"> Ir al Inicio</A>

3.2.- Tipos de referencias

* Por su nombre de entidad: Cada referencia de caracteres tiene una entidad asignada. El formato apra insertar un símbolo por su nombre de entidad está compuesto por un símbolo "&" seguido de su nombre de entidad y un punto y coma (";"). Por ejemplo, el símbolo de la libra esterlina ("£") puede ser insertado como "£".

     *Por su valor decimal: Tal como
con las entidades, un número único es asociado con cada referencia de
caracteres. El formato es compuesto por un símbolo "&" seguido de
un signo numeral ("#"), el número asociado y un punto y coma
(";"). Por ejemplo, el símbolo de la libra esterlina ("£")
puede ser insertado como "&#163;".

    *Por su valor hexadecimal: Este método
funciona exactamente como el del valor decimalcon la diferencia que el número
se escribe en formato hexadecimal y una "x" (en minúscula) se agrega
a continuación del signo numeral ("#"). Las letras en el número
hexadecimal deben ir en mayúsculas. Por ejemplo, el símbolo de la libra
esterlina ("£") puede ser insertado como "&#xA3;".

3.3.-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.

3.4.-Formato de los enlaces

<A HREF="URL"> Texto del enlace</A>

*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://www.aulaclic.com" target ="_blank">www.aulaclic.com</a>
...