Absolute vs. Relative Paths
An absolute path shows the complete path to a file starting from the web root. To illustrate this, see the following directory tree:
Assume that the wwwroot folder is the web root. This means that when a user types http://www.servername.com/index.html, the index.html page within the wwwroot folder will be downloaded to the browser. The absolute path to the web root from a page on the same domain is simply a forward slash (/).
The same link could be placed on any page in any folder below the wwwroot folder or on any page in the wwwroot folder itself.
Using an absolute path, a link to Company.html would include the about directory, like this: /about/Company.html
When linking to a page on a different website you must identify the location of the domain using the domain name (or IP address) of the site. To illustrate, assume that the directory structure shown above is found at http://www.beatles.com. The path of a link to Company.html from another site would be written like this: http://www.beatles.com/about/Company.html
Relative paths can only be used to link to other files under the same web root. A relative path indicates where a file is relative to the file that contains the link. The folder (or directory) that contains the file being worked on is called the current directory. The relative path to another file that is also in the current directory is just the name of that file. For example, since Company.html and Contact.html are found in the same directory, they can link to each other simply by specifying the file name.
The relative path to a file in a subdirectory of the current directory must include the name of the subdirectory. For example, to link to Company.html from index.html you must first point to the about directory, like so: about/Company.html.
The relative path to a file in a directory above the current directory should begin with ../ For example, the following shows the path of a link to index.html from Company.html: ../index.html
The web server administrator can set up default page names to look for when a path ends with a directory name without specifying a file. Often these files are named index.html or Default.htm. In this case, the following two URLs would be identical, both loading index.html.