Inicio / Wikis / Tutoriales / Completo tutorial de HTML - Enlaces locales

Completo tutorial de HTML - Enlaces locales

(14 opiniones)
Tutorial creado por Indaya.com. Extraido de: http://www.indaya.com
11 de Septiembre de 2005
HTMLProgramación web

15 - 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>""
Valora este capítulo: (14 opiniones)
Autor y licencia de 'Completo tutorial de HTML - Enlaces locales'
Indaya.com Extraído de: http://www.indaya.com GNU Free Documentation License
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.

Opiniona sobre 'Completo tutorial de HTML - Enlaces locales' (14)

Tu nombre debe tener tres caracteres como mínimo.
Es necesario que te des de alta con una cuenta de correo válida.
Es necesario que te des de alta con una cuenta de correo válida.
El contenido del título de tu opinión debe tener tres caracteres como mínimo.
Es obligatorio que selecciones una valoración del recurso.
El contenido del comentario de tu opinión debe tener tres caracteres como mínimo.

Opina sobre este tutorial



* Valoración:
* Nombre:
* Correo electrónico:
* Título:
* Comentario:

Wikis relacionados con 'Completo tutorial de HTML - Enlaces locales'

Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones... Más »
PHP es uno de los lenguajes de lado servidor más extendidos en la web. Nacido... Más »
Amplio tutorial de Java para empezar a trabajar y ampliar conocimientos de este lenguaje.
Este tutorial presenta los conceptos básicos de líneas de transmisión (Transmission lines), así como una... Más »
¿Estás seguro de que deseas eliminar este capítulo?