Completo tutorial de HTML - Enlaces locales

Como hemos dicho, un sitio web esta constituido de páginas interconexas. En
el capitulo anterior hemos visto como enlazar distintas secciones dentro de una
misma página. Nos queda pues estudiar la manera de relacionar los distintos
documentos HTML que componen nuestro sitio web.

Para crear este tipo de enlaces, hemos de crear una etiqueta de la siguiente
forma:

<a href="archivo.html">contenido</a>

Por regla general, para una mejor organización, los sitios suelen estar
ordenados por directorios. Estos directorios suelen contener diferentes
secciones de la página, imágenes, sonidos...Es por ello que en muchos casos no
nos valdrá con especificar el nombre del archivo, sino que tendremos que
especificar además el directorio en el que nuestro archivo.html esta alojado.

Si habéis trabajado con MS-DOS no tendréis ningún problema para comprender el
modo de funcionamiento. Tan solo hay que tener cuidado en usar la barra "/" en
lugar de la contrabarra

. </FONT></P> <P><FONT size=2>Para aquellos que no saben como mostrar un camino de un archivo, aquí van una <BR>serie de indicaciones que os ayudaran a comprender la forma de expresarlos. No <BR>resulta difícil en absoluto y con un poco de practica lo haréis prácticamente <BR>sin pensar. <BR></FONT></P> <OL> <LI><FONT size=2>Hay que situarse mentalmente en el directorio en el que se encuentra la <BR>página con el enlace. <BR></FONT> <LI><FONT size=2>Si la página destino esta en un directorio incluido dentro del directorio <BR>en el que nos encontramos, hemos de marcar el camino enumerando cada uno de <BR>los directorios por los que pasamos hasta llegar al archivo y separándolos por <BR>el símbolo barra "/". Al final obviamente, escribimos el archivo. <BR></FONT> <LI><FONT size=2>Si la página destino se encuentra en un directorio que incluye el de la <BR>página con el enlace, hemos de escribir dos puntos y una barra "../" tantas <BR>veces como niveles subamos en la arborescencia hasta dar con el directorio <BR>donde esta emplazado el archivo destino. <BR></FONT></LI></OL> <P><FONT size=2>Si la página se encuentra en otro directorio no incluido ni incluyente del <BR>archivo origen, tendremos que subir como en la regla 3 por medio de ".." hasta <BR>encontrar un directorio que englobe el directorio que contiene a la página <BR>destino. A continuación haremos como en la regla 2. Escribiremos todos los <BR>directorios por los que pasamos hasta llegar al archivo. <BR></FONT></P> <P> <TABLE cellSpacing=1 cellPadding=1 width="90%" align=center bgColor=#eeeeee border=0> <TBODY> <TR> <TD class=fuente8><BR><FONT size=2><IMG height=119 alt="Estructura de directorios de web ejemplo" hspace=5 src= "http://www.wikilearning.com/imagescc/4465/directorioweb.gif∞" width=116 align=right vspace=3 border=0><BR><B>Ejemplo:</B> <BR><BR><BR><BR><BR><BR>Para clarificar este punto podemos hacer un ejemplo a <BR>partir de la estructura de directorios de la imagen.<BR></FONT> <P><BR><BR><BR><BR><FONT size=2>Para hacer un enlace desde index.html hacia yyy.html: <BR><BR><a href="seccion1/paginas/yyy.html">contenido</a> </FONT></P><BR> <P><FONT size=2>Para hacer un enlace desde xxx.html hacia yyy.html: <BR><BR><a href="../seccion1/paginas/yyy.html">contenido</a> </FONT></P><BR> <P><FONT size=2>Para hacer un enlace desde yyy.html hacia xxx.html: <BR><BR><a href="../../seccion2/xxx.html">contenido</a> </FONT></P></TD></TR></TBODY></TABLE></P> <P><BR><BR><FONT size=2>Los enlaces locales pueden a su vez apuntar ya no a la página en general sino <BR>más precisamente a una sección concreta. Este tipo de enlaces resultan ser un <BR>híbrido de interno y local. La sintaxis es de este tipo: </FONT></P> <P><FONT size=2><a href="archivo.html#seccion">contenido</a> </FONT></P> <P><FONT size=2>Como para los enlaces internos, en este caso hemos de marcar la sección con <BR>otro enlace del tipo: </FONT></P> <P><FONT size=2><a name="seccion"></a> </FONT></P><BR> <P><FONT size=2>Como ejemplo, he aquí un </FONT><A href="http://www.indaya.com/modules.php?name=Sections&op=viewarticle&artid=14#abajo"><STRONG><FONT∞ size=2>enlace que apunta al capitulo anterior al final de la página</FONT></STRONG></A><FONT size=2>. <BR></FONT></P>""