Una de las características destacables de una página web es la posibilidad de unir distintos documentos por medio de hipertexto o hipervínculos. Eso que comunmente llamamos vínculos o enlaces.

Estos enlaces o hipertexto son zonas (generalmente palabras o frases) especiales que permite pulsar sobre ellas para ir a otras páginas.

En general, los enlaces tienen la siguiente estructura:

<A HREF="URL"> TextoVisible </A>

donde URL es el destino del enlace (siempre entre comillas) y TextoVisible es el texto indicativo del enlace (generalmente tiene un color que lo diferencia y, por defecto, está subrayado)

Podemos distinguir tres tipos de enlaces:

  1. Enlaces dentro de la misma página
  2. Enlaces con otra página de nuestro sitio
  3. Enlaces con una página externa

1. ENLACES DENTRO DE LA MISMA PÁGINA:

A veces, en el caso de páginas extensas, es interesante dar un “salto” desde una parte a otra dentro de la misma. Para conseguir esto, debemos identificar el destino, “marcándolo” con una etiqueta:

<A NAME="UnaMarca"> </A>

luego, desde cualquier lugar de la misma página, podemos crear el enlace:

<A HREF="#UnaMarca"> Texto del enlace </A>

2. ENLACES CON OTRA PÁGINA DENTRO DE NUESTRO SITIO:

Lo más frecuente es que tengamos varias páginas que deberían enlazarse entre si. Supongamos que queremos colocar un vínculo entre la página principal con una página cualquiera, por ejemplo, PAGINA2.html.

<A HREF="PAGINA2.html"> Ir a la Página 2 </A>

Combinando este método con el anterior, podemos dirigirnos a un sitio concreto de otra página. Para eso, en la página destino tenemos que colocar una marca y el enlace sería así:

<A HREF="PAGINA2.html#UnaMarca"> Ir a un Marca en la Página 2 </A>

En todos estos casos, estamos suponiendo que ambas páginas están en el mismo directorio pero, generalmente, los sitios web se organizan de manera similar a como lo hacemos con nuestra PC: un directorio principal, y otros subdirectorios auxiliares.

Si la página a la que se quiere saltar está en un subdirectorio, la referencia debería ser:

HREF = "subdirectorio/PAGINA2.html"

A la inversa, si se quiere saltar desde una página a otra que está en un directorio anterior, la referencia debería ser:

HREF = "../PAGINA2.html"

3. ENLACES CON UNA PÁGINA EXTERNA:

Si queremos enlazar con una página que esté fuera de nuestro sistema (es decir, que esté en un servidor distinto al nuestro, es necesario conocer su dirección completa, o URL (Uniform Resource Locator).

<A HREF="http://www.google.com."> Google </A>

Por último, hay una etiqueta especial que se usa raramente y que puede ser utilizada para proporcionar información de contacto, esta es ADDRESS y suele aparecer el principio de un documento.

<ADDRESS>
    <A href="URL_cualquiera">
        Nombre de la persona
    </A>