0% found this document useful (0 votes)
0 views6 pages

15.0 Using Links

File paths are essential for linking to external files such as web pages, images, style sheets, and JavaScripts, describing their location within a website's folder structure. There are two types of file paths: absolute paths, which provide the full URL to a file, and relative paths, which point to a file in relation to the current page. Best practice recommends using relative file paths to ensure compatibility across different environments.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
0 views6 pages

15.0 Using Links

File paths are essential for linking to external files such as web pages, images, style sheets, and JavaScripts, describing their location within a website's folder structure. There are two types of file paths: absolute paths, which provide the full URL to a file, and relative paths, which point to a file in relation to the current page. Best practice recommends using relative file paths to ensure compatibility across different environments.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

HTML File Paths

File paths are used when linking to external files, like:

• Web pages
• Images
• Style sheets
• JavaScripts
A file path describes the location of a file in a web site's folder
structure

File Path Examples

Path Description
<img src="picture.jpg"> The "picture.jpg" file is located in the same folder
as the current page
<img src="images/picture.jpg"> The "picture.jpg" file is located in the images folder
in the current folder

<img src="/images/picture.jpg"> The "picture.jpg" file is located in the images folder


at the root of the current web

<img src="../picture.jpg"> The "picture.jpg" file is located in the folder one


level up from the current folder
Absolute File Paths

An absolute file path is the full URL to a file:

• <img src="https://www.yahoo.com/images/picture.jpg" alt="


Mountain">
Relative File Paths
A relative file path points to a file relative to the current page.

In the following example, the file path points to


a file in the images folder located at the root of
the current web:

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

In the following example, the file path points to


a file in the images folder located in the current
folder:

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

In the following example, the file path points to a


file in the images folder located in the folder one
level up from the current folder:

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


Best Practice

 It is best practice to use relative file paths (if possible).

 When using relative file paths, your web pages will not
be bound to your current base URL.
 All links will work on your own computer (localhost) as
well as on your current public domain and your future
public domains.

You might also like