A file path describes the location of a file (images, style sheets, external JavaScript) or document (other site pages) in a web site’s directory structure.

Relative File Paths

The “picture.jpg” file is located in the same directory as the current page.

				
					<img decoding="async" src="picture.jpg" />
				
			

The “picture.jpg” file is located in the images directory in the current folder.

				
					<img decoding="async" src="images/picture.jpg" />
				
			

The “picture.jpg” file is located in the images directory at the root of the current page.

				
					<img decoding="async" src="/images/picture.jpg" />	
				
			

The “picture.jpg” file is located in the directory one level up from the current folder.

				
					<img decoding="async" src="../picture.jpg" />
				
			

Note
Using ../ before the directory or file will raise your relative link one directory before linking down to your intended target. If you need to raise yourself two directories, you would use ../../ and so on.

Absolute File Path

An absolute link contains the entire address from the https to the domain.com to the directory and finally the file itself. Being that it’s absolute, you could place it in the URL bar at the top of the browser and it would take you directly to the targeted page, image, or file.

				
					<img decoding="async" src="https://www.1smartchicken.com/images/picture.jpg" alt="My Picture" />