Le chemin du fichier HTML spécifie l'emplacement du fichier dans le dossier du site Web. Un chemin de fichier est très similaire à l'adresse de fichier d'un navigateur Web. En utilisant le chemin du fichier HTML, tout fichier ou ressource externe peut être lié au fichier HTML.
1. Chemin du fichier HTML
Un chemin de fichier décrit l'emplacement d'un fichier dans la structure de dossiers d'un site Web. Le chemin du fichier sera utilisé lors de la liaison de fichiers externes :
(1)page Internet
(2) Images
(3) Feuille de styles
(4)JavaScript
2. Classement des chemins
Les internautes constatent souvent que les images sur leurs pages Web ne peuvent pas être affichées. En fait, la plupart des raisons sont dues au fait que votre adresse est mal écrite. Les images ou vidéos de la page Web ont leurs propres emplacements de stockage correspondants. Les pages Web les trouvent simplement par leur chemin.
Si la page a besoin de trouver l'image, cela peut être réalisé via le chemin. Le chemin est divisé en chemin relatif (couramment utilisé) et chemin absolu.
(1) Chemin relatif
Les chemins relatifs pointent vers des fichiers relatifs à la page actuelle. Dans l'exemple suivant, le chemin du fichier pointe vers un fichier situé dans le dossier images du répertoire racine du site Web actuel ;
Le processus de recherche du fichier cible à partir du fichier actuel est divisé en répertoires de même niveau, répertoires de niveau supérieur et répertoires de niveau inférieur.
a.Répertoire similaire
Le fichier actuel et le fichier cible sont dans le même répertoire
b.Répertoire supérieur
Le fichier cible se trouve dans le répertoire de niveau supérieur
c. Répertoire subordonné
Le fichier cible se trouve dans le répertoire de niveau inférieur
2. Chemin absolu
Un chemin de fichier absolu fait référence à une URL complète pointant vers un fichier Internet ; un chemin absolu dans un répertoire peut atteindre directement l'emplacement cible et est divisé en un chemin commençant par la lettre de lecteur et une adresse réseau complète.
Exemple:
<imgsrc=https://www.dotcpp.com/oj/image/photo.pngalt=demo>