Les débutants HTML rencontrent souvent un tel problème, comment référencer correctement un fichier. Par exemple, comment citer une autre page HTML en tant qu'hyperlien dans une page HTML? Comment insérer une image dans une page Web
Si vous utilisez le mauvais chemin de fichier lorsque vous faites référence à un fichier (comme l'ajout d'un hyperlien ou l'insertion d'une image, etc.), la référence ne sera pas valide (ne peut pas parcourir le fichier lié ou ne peut pas afficher l'image insérée, etc.).
Pour éviter ces erreurs et référencer correctement les fichiers, nous devons en savoir plus sur les chemins HTML.
Il existe deux façons d'écrire HTML: des chemins relatifs et des chemins absolus.
Chemin relatif HTML
Références de fichiers au même répertoire
Si le fichier source et le fichier de référence sont dans le même répertoire, écrivez simplement le nom du fichier de référence directement.
Nous créons maintenant un fichier source info.html, et info.html vous devez vous référer au fichier index.html en tant qu'hyperlien.
Supposons que le chemin info.html est: c: /inetpub/wwwroot/sites/blabla/info.html
Supposons que le chemin index.html est: c: /inetpub/wwwroot/sites/blabla/index.html
Le code pour ajouter index.html hyperlien vers info.html doit être écrit comme ceci:
<a href = index.html> index.html </a>
Comment représenter le répertoire précédent
../ représente le répertoire précédent du répertoire où se trouve le fichier source, ../../ représente le répertoire précédent où se trouve le fichier source, et ainsi de suite.
Supposons que le chemin info.html est: c: /inetpub/wwwroot/sites/blabla/info.html
Supposons que le chemin index.html est: c: /inetpub/wwwroot/sites/index.html
Le code pour ajouter index.html hyperlien vers info.html doit être écrit comme ceci:
<a href = ../index.html>index.html </a>
Supposons que le chemin info.html est: c: /inetpub/wwwroot/sites/blabla/info.html
Supposons que le chemin index.html est: c: /inetpub/wwwroot/index.html
Le code pour ajouter index.html hyperlien vers info.html doit être écrit comme ceci:
<a href = ../../index.html>index.html </a>
Supposons que le chemin info.html est: c: /inetpub/wwwroot/sites/blabla/info.html
Supposons que le chemin index.html est: c: /inetpub/wwwroot/sites/wowstory/index.html
Le code pour ajouter index.html hyperlien vers info.html doit être écrit comme ceci:
<a href = ../wowstory/index.html>index.html </a>
Comment représenter le répertoire suivant
Reportez-vous aux fichiers du répertoire inférieur et écrivez directement le chemin d'accès aux fichiers du répertoire inférieur.
Supposons que le chemin info.html est: c: /inetpub/wwwroot/sites/blabla/info.html
Supposons que le chemin index.html est: c: /inetpub/wwwroot/sites/blabla/html/index.html
Le code pour ajouter index.html hyperlien vers info.html doit être écrit comme ceci:
<a href = html / index.html> index.html </a>
Supposons que le chemin info.html est: c: /inetpub/wwwroot/sites/blabla/info.html
Supposons que le chemin index.html est: c: /inetpub/wwwroot/sites/blabla/html/tutorials/index.html
Le code pour ajouter index.html hyperlien vers info.html doit être écrit comme ceci:
<a href = html / tutoriels / index.html> index.html </a>
Chemin absolu HTML
Le chemin absolu HTML fait référence au chemin complet d'un fichier avec un nom de domaine.
Supposons que vous enregistrez le nom de domaine www.vevb.com et que vous vous demandez un hôte virtuel, votre fournisseur d'hôte virtuel vous donnera un répertoire, tel que www, qui est le répertoire racine de votre site Web.
Supposons que vous mettez un fichier index.html dans le répertoire racine de www, le chemin absolu de ce fichier est: https://www.vevb.com/index.html.
Supposons que vous créiez un répertoire appelé html_tutorials dans le répertoire racine de www, puis placez un fichier index.html dans ce répertoire, et le chemin absolu vers ce fichier est https://www.vevb.com/html_tutorials/index.html.