HTML File Paths

Paths Types

Path Description
<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 located in the current folder
<img src="/images/picture.jpg"> picture.jpg is located in the images folder located 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


Absolute File Paths

An absolute file path is the full URL to an internet file.

HTML Code:

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

Relative File Paths

A relative file path points to a file relative to the current page.

HTML Code:

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

HTML Index

References

  1. W3Schools

This page is only a summary of the material from W3Schools. Definitions, Examples and Codes are exclusive property of W3Schools.