SITE MAP SEARCH! E @ B GEOG RESOURCES A-Z INDEX
 

External & Internal Hyper-Links: A Guide

(http://faculty.washington.edu/krumme/guides/links.html)
 

Supporting & Related Pages:

 
Type.of.Link
Shortest (Relative) Tag
Absolute URL
External / Full (absolute) URL <A HREF= "http://faculty.washington.edu/krumme/subdirectory/fileA.html">  faculty.washington.edu/krumme/subdirectory/fileA.html 
External / same Domain: Relative URL <A HREF="/krumme/thisclass/file.html"> faculty.washington.edu/krumme/thisclass/file.html 
Internal - Linking to files within the current folder: <A HREF="nextpage.html"> students.washington.edu/uid/current/nextpage.html 

uid = your login account to Dante (e.g: krumme) 
current =your current "folder" or "directory"

Internal - another lower-level folder (one level down) from current folder <A HREF="folder2/file.html"> students.washington.edu/uid/current/folder2/file.html
Internal - another, higher level folder (onel level up) from current folder <A HREF="../file.html"> 

../ says to go up 1 level from current and find "file.html"

students.washington.edu/uid/file.html 

Notice that "current" is left out from the absolute URL

Internal - from current folder moving down 2 folder-levels:  <A HREF= "class1/hw1/Exercise.html">  students.washington.edu/uid/class1/hw1/Exercise.html 

Notice how long it is compared to the Relative URL?

Internal - Same Page/File: Two Tags are Needed, namely the Origin and the Destination Tags  Origin:
<A HREF="#thisspot">This Spot </A > 

Click on "This Spot" and it will take you to the Destination location. 

 Destination: < A NAME="thisspot" > 

students.washington.edu/uid/curr/file.html#thisspot 

Doing it this way, you must include the file name (file.html) then followed by the anchor name - preceded by the pound key (#thisspot).

Internal - from a specific page in a specific directory to a specific spot in another page in another directory (on a different branch):  <A HREF= "../glossaries/Internetgloss.html#thisspot"> 

= go back up one level from the current folder, then go down one level (to glossaries) and find the "Internetgloss.html" file; then, on this page, proceed to the anchor marked "thisspot".

This ABSOLUTE tag can be very very long depending on where your current folder is in the directory tree.  Your best bet is to use the RELATIVE URL - it can save space and make moving these files in the future a lot easier.
Internal - (another folder and another branch: go first "upwards" towards first common higher-level directory, then switch to other branch,) / Relative URL <A HREF= "../../secondclass/file.html"> 

This says to go up 2 levels from current folder, then go into "secondclass" folder and find "file.html" within "secondclass" folder.

Note: We're combine both backward and forward selecting of directories.  If you can understand and use this tag, then you're well on your way to creating any links you want to.

Using relative URL can be confussing if you don't keep track of your folder's location on the directory tree.  You may wish to draw a sketch of this "tree". ...best example of a directory tree is by looking at Windows Explorer.

Because of this, some people decide to use the absolute URL instead... it is your call!

A few notes to keep in mind:

Return to Econ & Bus Geog
1999/2002 [econgeog@u.washington.edu]