Intro & Getting Started | Viewing Source & Tags | Making & Testing a Page | Basic Text Formatting | Images
Links | Directory Structure & e-mail | Tables | META Tags | Outside Resources

Directory Structure (in terms of links):
You can have different folders for your website, each containing different HTML files. You can link between folders, too. However, you'll have to keep in mind the directory structure of your site as you're coding the links.

Suppose you have a main folder. Inside this folder, you have two other folders: "one" and "two". Folder "one" contains an HTML file you'd like to have link to another HTML file that is in folder "two." The link would look similar to this:

<A HREF="../two/htmlfile.html">text you wish to link</A>

The "../" is used to show going up in the directory structure, and can be combined as many times as necessary to get to the desired folder.

Directory Structure (in terms of filenames):
You'll probably notice that when you go to a website (say, www.rutgers.edu) that there is no filename (like "page.html") in the address bar. Why is this? Shouldn't all pages have some kind of filename? They do!

Hopefully you've discovered the ease of using directories on your site to organize different sections. These directories lend a neat little option to you. If you put a file named "index.html" into any directory, the browser will automatically load up that "index.html" page if the directory is in the address bar.

Huh?

Consider this example:

http://www.yoursite.com/folder/index.html
http://www.yoursite.com/folder

It doesn't matter which of the above two you type in. Each would go to the file "index.html" by default.

Email Links:
Somewhere on your page, you'll probably want to have a link so that your visitors can e-mail you with any feedback or questions they may have. This is done similar to a link you've already made, with a slight adjustment.

<A HREF="mailto:address@provider.com">text to link here</A>

The <A HREF> should look familiar to you from traditional links. The "mailto:" lets the browser know that this is a link for an e-mail program; not the browser. The "address@provider.com" should be replaced with your e-mail address.

>> next