1)

Include an alternate text for each graphic. This lets you read what the
graphic is before you see it (and is important for people surfing with graphics
off). An alternate tag looks like this:

<img src="../Images/kc_sm.gif" alt="Kahl Consultants">

2)

All graphics files should be located in a separate subdirectory called "graphics" or "images". A relative link would look like this:

<img src="../Images/kc_sm.gif" alt="Kahl Consultants">

Meta tags: Give AUTHOR, TITLE, DESCRIPTION, and KEYWORDS tags with each html file.

At the bottom of each page that is longer than the screen put an icon
to GO UP. The user can click it to go to the top. Also put a corresponding TAG at the top of each screen called "top".

Always put a menu at the top of a long page with links to the sections. This lets visitors scroll down quicker.

Never show a graphic on the screen smaller than the actual file size. Either show it in it's full size or edit the graphic to make it smaller.

Good:

Bad:

Never use file names with spaces in them.

Always use underscore ( _ ) instead of spaces or dashes ( - ).

DO use Tables to arrange your work unless you are using CSS.

Never put the entire page or large portions of it in one table. If you do this then the user has to wait for everything to download before they can see anything. Split up the page into several tables.

One suggestion is to separate the pages into 3 equally wide tables:
1) header (logo and company name)
2) menu and text body
3) contact info

Use Black type unless it is a special note/warning - this can be any of the 216 browser safe colors that you like, as long as it does not clash with the background.

Try use Arial/Helvetica or Times New Roman font for text, Verdana is also good

Avoid fFrames. Bad practice! Use only for displaying a large number of similar items.

Don't link to images that are not on the server.