Linking Using HTML

Links are created using the <a> tag. The <a> tag has a required attribute of href which is equal to what you are linking to. For example, to link to Learnthat.com, you can type this on your page:

<a href="http://www.learnthat.com">Click here for free training!</a>

As you see, the <a> tag is like all others, it has a close tag </a> to tell it when to stop linking. This links to another page on a different site, or one that is not easily linked to on your site. You can also link to a local page easily, here is an example:

<a href="about.html">Click here to learn about us.</a>

This would assume the page "about.html" is in the same directory as the page you are linking from. To link to a page in a deeper directory, you can specify the directory first:

<a href="about/index.html">Click here to learn about us.</a>

This would link to a document in a subdirectory off the one you are in.

Linking to a directory is easy once you get linking down. Instead of text, just put an img source tag in there, for example:

<a href="http://www.learnthat.com"><img src="image.gif"></a>

The last thing to learn about linking is how to create one of those links where it opens a new mail message. I'm sure you've seen "Send me a message: Click here!" and wondered how they did that, here's an example:

<a href="mailto:webmaster@learnthat.com">Click here to email me!</a>

If you substitute your email address in there, whenever your visitors clicks on the link, it will open a mail message in their mail program!

Now that we've learned links, let's move on to a more advanced topic, Tables!

Basic Commands / Tables