Relative and Absolute Links
- It is important to note that there are two ways you can reference a
document within an HREF attribute. You can reference it absolutely or
relatively.
- An absolute link defines the location of the document absolutely
including the protocol to use to get the document, the server to get it
from, the directory it is located in, and the name of the document
itself.
- An anchor of this type will look like those we have seen so far...
<A HREF = "http://www.eeye.com.sg/Tutorials/index.html">
here</A>
- A relative link on the other hand takes advantage of the fact that
the server knows where the current document is. Thus, if we want to
link to another document in the same directory, we don't need to write
out the full URL. All
we need to use is the name of the file.
- For example, if we are looking at the index.html file addressed in
the previous example, and we want to link to a file called page1.html
in the same directory (Tutorials), we need not write out the entire
URL. In fact, either of the following anchor tags will work:
<A HREF = "http://www.eeye.com.sg/Tutorials/page1.html">
here</A>
<A HREF = "page1.html">here</A>
- Similarly, if you wanted to link to a document in the directory
"Tutorials/Chapter2/Part1" called "page23.html, you could use the
following anchor:
<A HREF = "Chapter2/Part1/page23.html">here</A>
Additional Resources
Email Links
Introduction to Web Design | Table of Contents
Exercise Five
|
