Enlaces locales

El único problema que se nos puede presentar a la hora de definir un enlace a una página situada en el mismo sitio Web es establecer la dirección relativa de la página, eso si escribes directamente el código porque si trabajas con editores como FrontPage o Dreamweaver, ellos te escribirán la ruta correcta .

Como nunca está de más mejorar nuestros conocimientos vamos a poner algunos ejemplos sobre rutas relativas, para ello vamos a utilizar la estructura de archivos que tenemos en el gráfico de la derecha.

Quiero realizar un enlace desde este documento ej_enlaces3.htm que se encuentra en la carpeta ejemplos al documento ej_enlaces2.htm que se encuentra en la misma carpeta. El enlace será:

<a href="ej_enlaces2.htm" target="_blank">Ejemplo 2</a>

^{(El documento destino se abrirá en una nueva ventana, ciérrala cuando hayas comprobado que se carga)}

Ahora voy a realizar un nuevo enlace desde el mismo documento ej_enlaces.htm al documento enlaces.htm que se encuentra en la carpeta html.

< a href="../enlaces.htm" target="_blank">Enlaces</a>

^{(Recuerda que los caracteres ../ indicaban que se debía subir un nivel en la estructura de archivos. El documento destino se abrirá en una nueva ventana, ciérrala cuando hayas comprobado que se carga)}

Definiré otro, desde ej_enlaces3.htm, al documento  descargas.htm que está en la carpeta recursos.

<a href="../../recursos/descargas.htm">Recursos</a>

^{(Con el primer grupo, ../, retrocedo a la carpeta html, con el segundo grupo, ../, a personal5 , a continuación escribiré el nombre de la carpeta recursos y para finalizar el nombre del documento que quiero cargar y que se encuentra en dicha carpeta. El documento destino se abrirá en una nueva ventana, ciérrala cuando hayas comprobado que se carga)}

Ahora te toca a ti, intenta calcular la ruta que corresponde a los siguientes supuestos:

• Define un enlace en el documento index.htm, que se encuentra en personal5, al documento examenes.htm que se encuentra en la misma carpeta. Solución.
• Define un enlace en el documento index.htm, que se encuentra en personal5, al documento curso.htm que se encuentra en la carpeta html.Solución
• Define un enlace en el documento index.htm, que se encuentra en personal5, al documento ej_enlaces3.htm que se encuentra en la carpeta ejemplos. Solución
• Define un enlace desde el documento listas.htm, que se encuentra en la carpeta html, al documento index.htm de la carpeta personal5 (es la raíz). Solución
• Define un enlace desde el documento ej_enlaces2.htm, que se encuentra en la carpeta ejemplos, al documento index.htm de la carpeta personal5 (es la raíz). Solución
• Define un enlace desde el documento ej_enlaces2.htm, que se encuentra en la carpeta ejemplos, al documento ej_hora.htm de la carpeta complementos. Solución

 

---

Volver a página enlaces