Los principiantes HTML a menudo encuentran tal problema, cómo hacer referencia correctamente a un archivo. Por ejemplo, ¿cómo citar otra página HTML como hipervínculo en una página HTML? Cómo insertar una imagen en una página web
Si usa la ruta de archivo incorrecta cuando se refiere a un archivo (como agregar un hipervínculo o insertar una imagen, etc.), la referencia no será válida (no puede navegar el archivo vinculado o no puede mostrar la imagen insertada, etc.).
Para evitar estos errores y hacer referencia correctamente a los archivos, necesitamos aprender sobre las rutas HTML.
Hay dos formas de escribir HTML: rutas relativas y rutas absolutas.
Ruta relativa html
Referencias de archivo al mismo directorio
Si el archivo de origen y el archivo de referencia están en el mismo directorio, simplemente escriba el nombre del archivo de referencia directamente.
Ahora creamos un archivo de origen Info.html e info.html debe consultar el archivo index.html como un hipervínculo.
Suponga que la ruta info.html es: c: /inetpub/wwwroot/sites/blabla/info.html
Suponga que la ruta index.html es: c: /inetpub/wwwroot/sites/blabla/index.html
El código para agregar index.html Hyperlink a info.html debe escribirse así:
<a href = index.html> index.html </a>
Cómo representar el directorio anterior
../ representa el directorio anterior del directorio donde se encuentra el archivo fuente, ../../ representa el directorio anterior donde se encuentra el archivo fuente, y así sucesivamente.
Suponga que la ruta info.html es: c: /inetpub/wwwroot/sites/blabla/info.html
Suponga que la ruta index.html es: c: /inetpub/wwwroot/sites/index.html
El código para agregar index.html Hyperlink a info.html debe escribirse así:
<a href = ../index.html>index.html </a>
Suponga que la ruta info.html es: c: /inetpub/wwwroot/sites/blabla/info.html
Suponga que la ruta index.html es: c: /inetpub/wwwroot/index.html
El código para agregar index.html Hyperlink a info.html debe escribirse así:
<a href = ../../index.html>index.html </a>
Suponga que la ruta info.html es: c: /inetpub/wwwroot/sites/blabla/info.html
Suponga que la ruta index.html es: c: /inetpub/wwwroot/sites/wowstory/index.html
El código para agregar index.html Hyperlink a info.html debe escribirse así:
<a href = ../wowstory/index.html>index.html </a>
Cómo representar el siguiente directorio
Consulte los archivos en el directorio inferior y escriba la ruta a los archivos en el directorio inferior directamente.
Suponga que la ruta info.html es: c: /inetpub/wwwroot/sites/blabla/info.html
Suponga que la ruta index.html es: c: /inetpub/wwwroot/sites/blabla/html/index.html
El código para agregar index.html Hyperlink a info.html debe escribirse así:
<a href = html/index.html> index.html </a>
Suponga que la ruta info.html es: c: /inetpub/wwwroot/sites/blabla/info.html
Suponga que la ruta index.html es: c: /inetpub/wwwroot/sites/blabla/html/tutorials/index.html
El código para agregar index.html Hyperlink a info.html debe escribirse así:
<a href = html/tutorials/index.html> index.html </a>
Ruta absoluta html
La ruta absoluta HTML se refiere a la ruta completa de un archivo con un nombre de dominio.
Supongamos que registra el nombre de dominio www.vevb.com y solicite un host virtual, su proveedor de host virtual le dará un directorio, como www, que es el directorio raíz de su sitio web.
Supongamos que coloca un archivo index.html en el directorio raíz de www, la ruta absoluta a este archivo es: https://www.vevb.com/index.html.
Suponga que crea un directorio llamado HTML_TUTORIORS en el directorio raíz de www, y luego coloca un archivo index.html en ese directorio, y la ruta absoluta a este archivo es https://www.vevb.com/html_tutorials/index.html.