Linking Sites
One of the most important aspects of the Internet, and creating sites, is linking sites to eachother. This tutorial was made to explain just how do that, using images and text, it will show how to link to other sites and within a page.

Tags Needed
TagExplanation
<A>
</A>		This tag is used to start a link.
<IMG>
</IMG>		This tag is used to insert images on your page.

First off, you need to know what makes up a link, so look at this diagram:

Now that you understand what a link looks like we can show you a few in action.

Text Link
There are two ways to link, to a different page, and to a different spot within the current page.
To link to a different page you use this code:

<A HREF="http://www.yahoo.com>Yahoo!</A>
Yahoo!

Above we have what is called an absolute URL. You use this type of URL when you are linking to a completly different web site. The other type of URL is called the relative URL. You use this when you are linking to a different page, but one that is within your site. They look like this:

<A HREF="index.html">Script Source</A>
Script Source

When the browser sees a URL like the one above it will look at the domain that it is curently at, and find the specified file, in this case index.html, then it will take visitors there.

Link Within A Page
The other type of link that you can use will take you to a spot within a page, this is commonly called a "page jump". These are more complicated, but only becuase they have two parts to them, and not jsut one. First of all you need to put this where you want the link to be at:

<A HREF="#top">Top</A>

You can change "Top" to whatever you want. This goes where the link will take your visitor:

<A NAME="top">

The area of the page that you placed the final part of the link at will be at the very top of the page. You should place this part of the code right next to what you to be displayed at the top of the browser when the link is clicked. In this example we want the heading of our page to be at the top, so we placed the tag right before it.

To Header

E-mail Link
You can also add e-mail links to your pages. To do this you also use the A tag. An example:

<A HREF="mailto:pr0teus@juno.com">PR0TEUS@juno.com</a>
PR0TEUS@juno.com

The mailto: is what makes this link different than the others. This is all you have to do to make one of these links.

Linking With Images
You can have an image be a link by first putting the link tag, and then the image, instead of text. That will look like this:

<A HREF="index.html"><IMG SRC="logo1.gif"></A>

When you use an image as a link there will be a border around the image. The border's color depends on the colors that you chose for LINK, ALINK, and VLINK, as well as if the user has visited that page yet. You can change the border size to whatever you'd like by adding BORDER=X.

<A HREF="index.html"><IMG SRC="logo1.gif" BORDER=10></A>

If you set the border to 0 then there will be no border.