Site hosted by Build your free website today!

HTML Lessons

-Getting Started

-Page Setup

-Text Manipulation

-Linking Text/Images

-Basic Tables

-More on Tables


-Test Your Skills

-Credits Page

-Main Page
-Cemetery Photography

-E-mail me

-Sign my guestbook

Now I am going to show you how to do one of the most important things in webdesign: hyperlinking. Hyperlinking is how you can connect your page with others on the internet. For a good definition of what a hyperlink is, click HERE. The basic tag for linking to anything looks like this:

<a href="">this is what you click on </a>

Note how the "this is what you click on" goes after the <a href=""> but before the </a>. If I wanted to link to my cemetery photography page, and have the words "Cemetery Photography" be the thing you click on to go there, I would write this:

<a href="">Cemetery Photography</a>

The link above, when written into a page will be like this:
Cemetery Photography

The next thing I will show you how to do is the image tag. The image tag is used to put an image on your website. To do this, write:

<img src="image.gif">

For the image, I just used "image.gif" as an example. In that space, you must put the name of the picture you want to show up. For example, If I wanted a picture of a smiley-face to be on my page, and the name of the picture was "smile.gif", I would write this:

<img src="smile.gif">

Refer to Example 1 below for an example of what it would show up as on your site.

Example 1

Example 2

Sometimes, you may want to link to something by having visitors click on a picture instead of just text. This is very simple to make work. It merely requires you to make the link tag, and where you would have put the text, substitute an image tag instead. Here is what it would look like:

<a href=""> <img src="image.gif"> </a>

Refer to Example 2 above for a working example of a hyperlinked picture. Congratulations! Now you know how to link with text and images. Now onto tables....

<<<<Previous lesson |||||| Next lesson>>>>