Ok so you want to add a image to a HTML document, heres how you do it.

<img src="URL OF IMAGE"></img>

<img src="http://www.google.com/intl/en_ALL/images/logo.gif">
</img>

This would produce this:

More advanced things include
alt, border, height, and width.

Like this
<img
src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="Google's
Logo" border="2" height="30" width="30"></img>

That would make this, because the height and width is 30 it is a 30×30 image.
The alt makes the scroll over text appear (when you scroll your mouse over the image).
The border is the amount of border the border when it’s is a link (default is 2).

Ok well you want to link your pages to each other here’s what you need to do.
<a href="/page.html">Name of the Link</a>
Here is the code you use, the href is the page you want to link to.
If you want to a page that’s not a local file you can do.
<a href="http://google.com">Google</a>
You have to include the http:// if it’s another website.

Before the </a> is the name of your link, like this would be…
<a href="http://drawne.com">like this</a>