A hyperlink is an element of your page that you can click, which then takes to you another page on the Internet. Hyperlinks are created with anchor tags, which just use the letter a.
Here's an example of a tag that creates a hyperlink:
<a href="images.htm">Inserting Images with HTML</a>
And here's what it looks like when you use the above in your HTML:
Note that an anchor has a start tag <a ...> and an end tag </a>. Everything that you put between the start and end becomes a clickable part of your page. Between the start and end tags you can put text, images, or a combination.
In the start tag <a href="..."> the href attribute tells where you will go when you click this hyperlink. This can be the name of another page on your website, the URL of another website entirely, or even a file like .jpeg or .zip that might be displayed by your browser, or might cause the browser to ask "do you want to save this file on your computer?"
Here is another example of the above link, using just an image:
<a href="images.htm"><img src="penguin.jpg" alt="Penguin"></a>
And here's what it looks like:
And here it is with and image and text. Notice that I've added an inline style to get rid of the box around the image in this one:
<a href="images.htm"><img src="penguin.jpg" alt="Penguin" style="border:0;"> Inserting Images with HTML</a>
And here's what it looks like:
Again, the style attribute is best handled in the heading or in a separate CSS file.
If you want an internal link within your own website, you simply give the name of the file as shown in the previous examples. If your site has multiple directories, you will want to use a relative directory path in your links to other folders.
To create an external link to another website, you must provide a complete URL in the href attribute. Specifically, it must start with "http://". You can often copy and paste a complete URL right from your browser's address bar.
Here's an example of an external link to another website:
<a href="http://graphicsmagician.com">Graphics Magician</a>
And here's what it looks like when you use the above in your HTML: