The basic HTML file looks like this:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html>
Already this is not the only way how a standard HTML file looks like but it's a common one.
And then you structure the basic shape of your document: header, content, (footer - optional)
Then you put the actual content in it (page title in a headline, menu preferably in the header section etc.)
So basically it looks like this:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="header">
<h1>Page Title</h1>
<ul id="menu">
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<div id="content">
<p>some text</p>
<img src="whatever.gif" alt="some image" />
<p>more text</p>
</div>
<div id="footer">some stuff</div>
</body>
</html>
After that you use
CSS to style the page (after you sliced your photoshop image appropriately). But already the way I sorted the HTML is one out of hundreds (and my personal favorite). And to help you styling the website you really have to provide an image of the design 'cause you need to figure out what to use as background image and what to include as images into the HTML etc. It's too complex for me to explain without an idea of how it will look like.