Chemins de fichiers HTML

Un chemin de fichier définit l'emplacement d'un fichier dans la structure de dossiers d'un site web.

Un chemin de fichier est utilisé lorsque nous créons des liens vers des fichiers externes tels que :

Il existe des chemins de fichiers absolus et relatifs.

Chemins de fichiers absolus

Un chemin de fichier absolu est l'URL permettant d'accéder à un fichier sur Internet.

Exemple de chemin de fichier absolu :

Exemple de chemin de fichier absolu

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h2>Absolute File Path Example</h2>
    <img src="https://www.slrlounge.com/wp-content/uploads/2019/11/Sea-Thru-Underwater-Photography-Algorithm-SLR-Lounge_0001-1000x675.jpg" alt="Sea" style="width:300px" />
  </body>
</html>

Try it Yourself »

Chemins de fichiers relatifs

Un chemin de fichier relatif fait référence à un fichier par rapport à la page actuelle. Dans l'exemple ci-dessous, le chemin est relatif à la racine (commence par /), pointant vers un fichier dans le dossier images à la racine du site web :

D'autres chemins relatifs courants incluent ./fichier.html (même répertoire) et ../dossier/fichier.html (répertoire parent).

Exemple de chemin de fichier relatif :

Exemple de chemin de fichier relatif

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h2>Relative File Path Example</h2>
    <img src="https://fr.w3docs.com/build/images/smile-small.jpg" alt="Smile" width="290" height="260" />
  </body>
</html>

Try it Yourself »

Pratique

Quels sont les types de chemins de fichiers en HTML ?

Chemins de fichiers absolusChemins de fichiers locauxChemins de fichiers relatifsChemins de fichiers virtuels

Chemins de fichiers HTML ​

Chemins de fichiers absolus ​

Exemple de chemin de fichier absolu : ​

Chemins de fichiers relatifs ​