Cómo hacer una URL ruta relativa en HTML

Los enlaces a una dirección web o URL, se pueden construir dos formas diferentes en el lenguaje de marcado de hipertexto o HTML. Los vínculos absolutos utilizan la ruta completa a una página de Internet, tales como "http://www.somedomain.com/folder/index.html", que nunca cambian. Los enlaces relativos utilizan rutas cambiantes en relación con la página actual y le dicen al navegador para buscar en la carpeta actual, ir a una subcarpeta, o una copia de seguridad en una carpeta padre. Esto es útil cuando se replican sitios o páginas similares sin necesidad de cambiar manualmente todos los enlaces.

Instrucciones

1 Abra la página HTML en cualquier editor de texto sin formato, como el Bloc de notas, y haga clic en la posición en la que desea que aparezca el vínculo.

2 Escriba el siguiente código:

<a href="relative_path.html"> DISPLAY_TEXT </a>

3 Cambiar "DISPLAY_TEXT" con el texto real que desea utilizar para el enlace.

4 Cambiar "relative_path.html" al nombre del archivo real para hacer frente a un archivo en la carpeta de la página actual, como por ejemplo "index.html".

Para hacer frente a un archivo en una subcarpeta de la ubicación actual introduzca el nombre de la subcarpeta y archivos, como "subcarpeta / index.html".

Para hacer frente a un archivo que reside en una carpeta principal, use el código "../" para cada salto. A modo de ejemplo, para retroceder dos carpetas que pueden entrar "../../index.html".

También puede copia de seguridad y seleccione una carpeta diferente mediante la combinación de las técnicas. Por ejemplo, para respaldar una carpeta principal y navegar en una subcarpeta diferente tiene que escribir "../folder2/index.html".

5 Guarde el archivo de texto con la extensión ".html" y subirlo a su servidor.