Learning Resources
Relative URL
A relative URL points to a file/directory in relation to the present file/directory.
Let us understand relative URLs through a small exercise.
Look at the two URL above. We want to include (display) the image file email.gif stored in the images directory of www.webdevelopersnotes.com domain on this (relative_and_absolute_urls.php3 stored in the design directory) page.
There are two ways to do this. We can either refer to it using an absolute URL or use a relative URL. The tag for this image display will be as follows:
Using an Absolute URL in an tag
Using a Relative URL in an tag
Relative pathsor URLs
Relative paths change depending upon what page the links are located on. There are several rules to creating a link using the relative path:
-
links in the same directory as the page have no path information listed
filename -
sub-directories are listed without any preceding slashes
weekly/filename -
links up one directory are listed as
../filename
How to determine the relative path:
-
Determine the location of the page you are editing.
This article is located in the/library/weekly folder on my site. -
Determine the location of the page or image you want to link to.
The Beginner's Resource Center is located here: /library/beginning/ -
Compare the locations and to decide how to point to it
From this article, I would need to step up one directory (to/library) and then go back down to the beginning directory -
Write the link using the rules listed above:
...