Chemin de fichier HTML

Chemin Description
<img src="picture.jpg"> picture.jpg est situé dans le même répertoire que la page web actuelle
<img src="images/picture.jpg"> picture.jpg est situé dans le dossier images du répertoire actuel
<img src="/images/picture.jpg"> picture.jpg se trouve dans le dossier images du répertoire racine du site actuel
<img src="../picture.jpg"> picture.jpg se trouve dans le dossier parent du dossier courant

Chemin de fichier HTML

Le chemin d'accès du fichier décrit la position d'un fichier dans la structure des dossiers du site.

Le chemin d'accès du fichier est utilisé lors de l'utilisation de liens externes :

  • Page Web
  • Images
  • Feuilles de style
  • JavaScript

Chemin d'accès de fichier absolu

Un chemin d'accès de fichier absolu est une URL complète pointant vers un fichier Internet :

Exemple

<img src="https://www.codew3c.com/images/picture.jpg" alt="flower">

Les balises <img> et les attributs src et alt sont expliqués dans le chapitre sur les images HTML.

Chemin relatif

Les chemins relatifs pointent vers des fichiers par rapport à la page actuelle.

Dans cet exemple, le chemin d'accès du fichier pointe vers un fichier dans le dossier images du répertoire racine du site :

Exemple

<img src="/images/picture.jpg" alt="flower">

Dans cet exemple, le chemin d'accès du fichier pointe vers un fichier dans le dossier images du dossier courant :

Exemple

<img src="images/picture.jpg" alt="flower">

Dans cet exemple, le chemin d'accès du fichier pointe vers un fichier dans le dossier images du dossier parent du dossier courant :

Exemple

<img src="../images/picture.jpg" alt="flower">

Bonnes habitudes

L'utilisation d'un chemin relatif est une bonne habitude (si possible).

Si vous utilisez un chemin relatif, votre page Web ne sera pas liée à l'URL de base actuelle. Tous les liens fonctionneront correctement sur votre ordinateur (localhost) ou dans un domaine public futur.