1. 1 Prólogo al manual de HTML
2. 2 Introducción al HTML
3. 3 Sintaxis del HTML
4. 4 Tu primera pagina
5. 5 Formato de parrafos en HTML
6. 6 Formateando el texto
7. 7 Color, tamaño y tipo de letra
8. 8 Atributos para paginas
9. 9 Listas I
10. 10 Listas II
11. 11 Listas III
12. 12 Caracteres especiales
13. 13 Enlaces internos
14. 14 Enlaces en HTML
15. 15 Enlaces locales
16. 16 Enlaces externos, de correo y hacia archivos
17. 17 Imagenes en HTML
18. 18 Alineación de imagenes con HTML
19. 19 Formatos graficos para paginas web
20. 20 Tablas en HTML
21. 21 Tablas en HTML. Atributos para filas y celdas
22. 22 Tablas en HTML. Atributos de la tabla y conclusión
23. 23 Formularios HTML
24. 24 Elementos de Formularios. Campos de texto
25. 25 Otros elementos de formulario
26. 26 Envio, borrado y demas en formularios HTML
27. 27 Mapas de imagenes con HTML
28. 28 Frames en HTML
29. 29 Frames - Explicación basica
30. 30 Frames - Creación de una estructura simple
31. 31 Frames - Una pagina en cada marco
32. 32 Frames - Dirigir los enlaces
33. 33 Frames - Anidar frames
34. 34 Frames - Atributos avanzados
35. 35 Ventajas e inconvenientes del uso de frames
36. 36 Las nuevas etiquetas de HTML 4.0
37. 37 Las nuevas etiquetas de HTML 4. 0 (1)
38. 38 Las nuevas etiquetas de HTML 4. 0 (2)
39. 39 Sonido en HTML I, introducción
40. 40 Sonido en HTML II, características del sonido digital
41. 41 Sonido en HTML (III)
42. 42 Sonido en HTML (IV)
43. 43 Sonido en HTML (V)
44. 44 Frames

15 - Enlaces locales

Tutorial creado por Indaya.com. Extraido de: http://www.indaya.com

11 de Septiembre de 2005

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 <BR>misma página. Nos queda pues estudiar la manera de relacionar los distintos <BR>documentos HTML que componen nuestro sitio web.
Para crear este tipo de enlaces, hemos de crear una etiqueta de la siguiente forma:
lt;a href="archivo.html">contenido</a> <P><FONT size=2>Por regla general, para una mejor organización, los sitios suelen estar <BR>ordenados por directorios. Estos directorios suelen contener diferentes <BR>secciones de la página, imágenes, sonidos...Es por ello que en muchos casos no <BR>nos valdrá con especificar el nombre del archivo, sino que tendremos que <BR>especificar además el directorio en el que nuestro archivo.html esta alojado.<BR></FONT></P>
<P><FONT size=2>Si habéis trabajado con MS-DOS no tendréis ningún problema para comprender el <BR>modo de funcionamiento. Tan solo hay que tener cuidado en usar la barra "/" en <BR>lugar de la contrabarra .

Para aquellos que no saben como mostrar un camino de un archivo, aquí van una
serie de indicaciones que os ayudaran a comprender la forma de expresarlos. No
resulta difícil en absoluto y con un poco de practica lo haréis prácticamente
sin pensar.

1. Hay que situarse mentalmente en el directorio en el que se encuentra la
   página con el enlace.
   
2. Si la página destino esta en un directorio incluido dentro del directorio
   en el que nos encontramos, hemos de marcar el camino enumerando cada uno de
   los directorios por los que pasamos hasta llegar al archivo y separándolos por
   el símbolo barra "/". Al final obviamente, escribimos el archivo.
   
3. Si la página destino se encuentra en un directorio que incluye el de la
   página con el enlace, hemos de escribir dos puntos y una barra "../" tantas
   veces como niveles subamos en la arborescencia hasta dar con el directorio
   donde esta emplazado el archivo destino.
   

Si la página se encuentra en otro directorio no incluido ni incluyente del
archivo origen, tendremos que subir como en la regla 3 por medio de ".." hasta
encontrar un directorio que englobe el directorio que contiene a la página
destino. A continuación haremos como en la regla 2. Escribiremos todos los
directorios por los que pasamos hasta llegar al archivo.

Ejemplo: Para clarificar este punto podemos hacer un ejemplo a partir de la estructura de directorios de la imagen. Para hacer un enlace desde index.html hacia yyy.html: <a href="seccion1/paginas/yyy.html">contenido</a> Para hacer un enlace desde xxx.html hacia yyy.html: <a href="../seccion1/paginas/yyy.html">contenido</a> Para hacer un enlace desde yyy.html hacia xxx.html: <a href="../../seccion2/xxx.html">contenido</a>

Los enlaces locales pueden a su vez apuntar ya no a la página en general sino
más precisamente a una sección concreta. Este tipo de enlaces resultan ser un
híbrido de interno y local. La sintaxis es de este tipo:

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

Como para los enlaces internos, en este caso hemos de marcar la sección con
otro enlace del tipo:

<a name="seccion"></a>

Como ejemplo, he aquí un enlace que apunta al capitulo anterior al final de la página.

Tutoriales relacionados con 'Completo tutorial de HTML'

Anuncios Google

Autor y licencia de 'Completo tutorial de HTML'

Tutorial de Indaya.com. Extraido de: http://www.indaya.com