HTML File Paths

PathDescription
<img src="picture.jpg">picture.jpg is located in the same folder as the current page
<img src="images/picture.jpg">picture.jpg is located in the images folder in the current folder
<img src="/images/picture.jpg">picture.jpg is located in the images folder at the root of the current web
<img src="../picture.jpg">picture.jpg is located in the folder one level up from the current folder.

HTML File Paths

A file path describes the location of a file in a web site's folder structure.
File paths are used when linking to external files like:
  • Web pages
  • Images
  • Style sheets
  • JavaScripts

Absolute File Paths

Example

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


Relative File Paths

Example

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