4. Enlaces a otros documentos



En un documento HTML, los enlaces se especifican mediante el comando <A> (Anchor). Por ejemplo, para enlazar con el archivo index.html sería: <A HREF="index.html">texto o imagen </A>. Para verlo mas claro, veamos un ejemplo:
(Ver resultado del ejemplo)

Vamos a distinguir cuatro tipos de enlaces:

Enlaces dentro de la misma página
En documentos (o páginas) muy extensos, nos puede interesar dar un salto desde una posición a otra determinada dentro del mismo documento.

En este caso, debemos definir el destino del enlace que será una marca dentro del mismo documento. La marca puede ser cualquier palabra y va precedida por el símbolo # en la definición del enlace. Su estructura es la siguiente:
 

<A HREF="#marca"> yyy <A>

Y en el sitio exacto a donde queremos saltar, debemos poner la siguiente etiqueta:
 

<A NAME="marca"> </A>

Por ejemplo, si quisiera saltar al final del documento, el comando sería:
 

<A HREF="#final"> Pulsa para ir al final</A>

Y en el final del documento debemos poner otra etiqueta:
 

<A NAME="final"> </A>
 

Enlaces a otra página nuestra
Es muy frecuente que tengamos varias páginas, una inicial (o principal) y otras conectadas a ella, e incluso entre ellas mismas.

En este caso, simplemente sustituimos el destino del enlace con el nombre del fichero:
 

<A HREF="fichero.html> yyy </A>

Al seleccionar el enlace se cargará por tanto la página indicada, situándonos al principio del documento. Si queremos que vaya a un sitio concreto de esa página tenemos que colocar una marca, y completar el enlace con la referencia a esa marca. Por ejemplo :
 

<A HREF="cap4.html#alinear"> Alinear </A>

Obviamente, en la página destino debe estar definida la marca en el punto exacto donde deseamos situarnos.
 

<A NAME="alinear></A>

Una observación importante: Hasta ahora hemos supuesto que ambas páginas se encuentran en el mismo directorio. Si la página a la que quiero saltar está en otro subdirectorio, por ejemplo: subdir, debemos especificarlo:
 

<A HREF="subdir/cap4.html#alinear"> Alinear </A>

En este ejemplo, además hemos supuesto que el subdirectorio subdir se encuentra dentro del directorio que contiene la primera página.

Es recomendable, si se va ha hacer un documento Web, con diferentes secciones, crear un árbol de directorios acorde con nuestro diseño, pues de este modo, será más fácil hacer modificaciones en el futuro, por ejemplo, podemos definir el siguiente árbol de directorios:

 En el subdirectorio Principal, ponemos las páginas Web, relacionadas con el inicio de la presentación y en cada sección las páginas relacionadas con una única sección de todo el documento, de este modo cuando quiera cambiar la sección 2, voy a ese directorio directamente.

 Si de una página secundaria, quiero ir a una página que se encuentra en un nivel anterior, en vez de poner el nombre del subdirectorio puedo poner dos puntos consecutivos “..”, por ejemplo:
 

<A HREF="../indice.html#indice"> Indice </A>

Si nos queremos evitar todas estas complicaciones, podemos tener todo junto en un único directorio, pero esto tiene el inconveniente de estar más desordenado, y sean más difíciles de hacer las futuras modificaciones.

Enlaces a una página externa.
Si deseamos enlazar con una página externa a nuestro sistema (es decir, que está en un servidor distinto al que soporta nuestra página como en el primer ejemplo de esta sección), es necesario conocer su dirección completa, o URL (Uniform Resource Locator). El URL podría ser, además de la dirección de una página del Web, una dirección de ftp, gopher, etc.

Una vez conocida la dirección (o URL), lo colocamos como el destino del vinculo. Si queremos enlazar con la página de Netscape (cuyo URL es: http://home.netscape.com/), el comando sería:
 

<A HREF="http://home.netscape.com/"> Netscape </A>

Es muy importante copiar estas direcciones correctamente (respetando las mayúsculas y minúsculas, pues los servidores UNIX sí las distinguen).

Enlaces a una Dirección de E-mail
En este caso, el destino del enlace se especifica con mailto: seguido de la dirección de e-mail. La estructura de la etiqueta es:

<A HREF="mailto: dirección de e-mail"> yyy </A >

Se debe tener en cuenta, que siempre es recomendable hacer explícita la dirección de E-mail en el texto del enlace, para el conocimiento del visitante, por ejemplo :
 

<P>Comentarios a Ana María Colás <A HREF="mailto: acolas@ext.step.es"> acolas@ext.step.es </A>