When you are working on an individual HTML file, you can link to any other file that is located in the same folder on the same server by referring to the file name. No other web addressing is needed.
If your current location is:
http://www.bu.edu/webcentral/learning/html/intermediate/
then,
http://www.bu.edu/webcentral/learning/html/intermediate/filenames.html
and
filenames.html
are the same and work the same way for any files in this directory.
When you are working with several folders in your Web directory, you can use
../
as a shortcut to "backup" out of a folder. You can use this repeatedly in the same URL.
If your current location is:
http://www.bu.edu/webcentral/learning/html/intermediate/
then,
http://www.bu.edu/webcentral/learning/html/basics/
and
../basics/
work the same way for any files in the basics directory.
Similarly,
http://www.bu.edu/webcentral/learning/html/
and
../../html/
work the same way for any files in the html directory.
A sample tree structure from Dreamweaver is provided for purposes of demonstration.