Well this is the wrong forum, but on-page you want the structure thus:
Code:
<html>
<head>
<title>Whatever Title</title>
</head>
<body>
<h1>Title (or main heading)</h1>
<p>Content</p>
<p>Content continues...</p>
<h2>Sub-heading</h2>
<p>Said content...</p>
<h2>Another sub-heading</h2>
<p>More said content...</p>
<div id="links>
<h1>Website Navigation</h1>
<ul>
<li><a href=#>Link to page on website</a></li>
<li><a href=#>Another link to page on website</a></li>
<li><a href=#>Yet another link to page on website</a></li>
<ul>
</div>
</body>
</html>
Avoid the image tag whever possible; instead use CSS to insert images (or replace the text with the image). For instance if your heading is an image you use: <h1 id=MainHeading><span>Heading</span></h1> on-page, and then in the CSS document (stylesheet): h1 span{display:none;} #MainHeading{background: transparent url(/graphics/headingimage.png) left top no-repeat; height: 130px;}
That in a nutshell pretty much sums up "on-page seo" techniques; in other words the raw HTML document is in the most logical order possible.