I have already explained to you how to link text. Linking Images is just about the same. Therefore this lesson will go by quickly. As I have said, you will first need to type <a href="/~bond_bond/"> then instead of typing some text like Bond's Website in the middle, type the following:
<IMG SRC="banner.gif">
Note the same rule applies here, in order to just type banner.gif inside the quotation marks, the banner.gif has to be in the same folder as the html file. If you want to insert another picture that is not inside the same folder you will need to type the full address of the location of the picture, for example, if your website was on a Geocities site, you would need to type
<IMG SRC="https://members.tripod.com/~bond_bond/banner.gif">
The same thing applies to you if you want to put a picture on your HTML page. So if you want to link a picture called cool.gif to another document, and the picture cool.gif is in the same folder you would type
<a href="next.html"><IMG SRC="cool.gif"></a>
There you go! The picture names cool.gif will be linked to the document called next.html, so people can now click on pictures rather than some text. I hope you also understood how to insert pictures to your webpages, just type the folllowing HTML code:
<IMG SRC="pic.gif">
Replace pic.gif with the correct filename, and type in the full path of the image if it is NOT in the same folder as the HTML page. Well we're moving along fast, now we are going to learn how to align and resize images. Click on the Go Foward -> link below to continue!