Header - tells the browser what type of file it's loading, and provides keywords, titles & descriptions for search engines
HTML - this tells the browser it is loading an HTML file (as opposed to a text file or graphic)
<HTML>
HEAD & TITLE - these should be the one and the same,
and should be both
descriptive (keywords) and concise.
<HEAD><TITLE>Title of Page</TITLE>
META tags - the two I find most useful:
<META NAME="keywords" CONTENT="">
<META NAME="description" CONTENT="">
Close your header after the last META tag
</HEAD>
Body - This tag should contain all the following elements, and be
consistent to all pages of the site.
Background color or wallpaper - you can also specify a color to be used in case viewer's
browser doesn't accept graphics, or is slow to load them - this is the preferred, and
most accessible, option if you decide to go with a background image
<BODY BGCOLOR="#......"
Text and link colors - choose these to not only match/compliment the overall
color scheme of the page, but also to show up well on all browsers. Refer to
the RGB/HTML color guide for colors that apply
to all browsers.
Footer - Links to other pages, in image and/or text format(s). Whatever
the format, the link to the current page should not be active.
If multiple images, all should be linked individually.
<A HREF="/nameofpage.html">
If text links, seperate them with space and dividing element '|' is prefered in most cases.
| <A HREF="/nameofpage.html">Page Name</A> |
Copyright and contact info
Copyright © (Year) Company/Individual
Image Maps (Client Side), with a comment tag to denote them
<!-- end of html for the page, the rest is a map (or the maps)-- >
Close the body and html tags
</BODY>
</HTML>
or
<BODY BACKGROUND="/img/....."
or
<BODY BGCOLOR="#......"
BACKGROUND="/img/....."
TEXT="#......"
LINK="#......"
ALINK="#......"
VLINK="#......">
If single, mapped, image refer to maps section for
mapping details.
<IMG SRC="/img/...."
HEIGHT=""
width=""
ALIGN=""
ALT=""
BORDER=0></A>
(as many times as needed)
| <A HREF="/nameofpage.html">Page Name</A> |
| <A HREF="/nameofpage.html">Page Name</A> |
(as many times as needed)
<A HREF="mailto:name@site.com">name</A>
These elements (whenever relevant) are to be placed after
all contents of the page, and before the body and html tags are closed
<AREA SHAPE="RECT" COORDS="#,#,#,#" HREF="page.html">
(as many times as needed)
