What is a link??
A link is a "clickable" object that, when clicked, will
take the viewer to a particular page, place on a page, or start
a new e-mail with an address you specify. The first think we will
learn is how to setup a basic link to another page on your site.
Unless you plan on only having one page, this step is pretty much
mandatory.
To can make an image or text link-able There are other things you
can create a link with but we will concentrate on the two most common.
To create a link you have to put the text or image between <a></a>
tags. The a stands for anchor. Why?? I have no idea. Lets take a
look and see what a link looks like anyway.
<a href="index.htm">Home</a>
The above link will make the entire word "Home" a link
to index.htm.
<a href="webdesign/help.htm>Help</a>
This link goes inside a folder called "webdesign" to link
to a page called help.htm. This folder must be within the directory
the current page is in.
If you need to go up a folder to look for a file or folder you
must put two periods in front of the path.
<a href="../index.htm">Home</a>
<a href="../webdesign/help.htm>Help</a>
Each ../ will take you up one level.
Say you are working on a page that is buried deep inside a directory
structure. You wouldn't want to type ../../../../../../../ and so
on, just to get to the page you want to link to. To jump to the
root folder of your website you have to put a forward slash in front
of your path.
<a href="/webdesign/help.htm">Help</a>
There are a few attributes that we will learn with the <a>
tag. We can make pages open up on a new window, target a frame,
etc. Lets learn how to make the other links first.
Now lets go to Step
2
|