All web pages are made up of a series of "Tags" and "Attributes."
There are a series of tags that all web pages must have. The following is a template of those tags.

Summercore III: Tip 1

You could create your own template and save it as HTMLtemplate and use it when you are beginning any new web page. You would open the template and save it under a new name. This will ensure that you always have a copy of the initial code, so you won't have to retype if you want to start another page.

Here is a list of useful HTML codes. Although not shown in the table all tags should be contained in <> brackets.

BODY Sets up the main body of the page. Attributes that go with the Body tag are bgcolor, to set the color of the background; text, sets the color of the text; background, allows you to designate a background pattern.

H1 thru H6 Give you a series of different font sizes recommended for use in headings. See below for examples of the different sizes.

CENTER Will center the text or image that follows.

IMG SRC Allows you to insert an image. This command should be followed by ="thefilename.gif".

A This is the anchor tag. By using this tag you can create links from your site to other sites on the web or additional pages of your own. The command to create a hyperlink to another page, using a word as you link is:

I Will italicize the text.

B Will bold the text.

P Will begin a new section of text. This will give you a double space effect between sections of text.

BR Will begin a new line of text. This will not double space the lines.

HR Will This is similar to the P tag but will give you a horitontal line between sections. You can change the width of the line by adding the attribute size followed by the equal sign and the number, in pixels, of the width that you would like.

Summercore III: Tip 2

If you find a style on another web page, learn from it. Go to your browser's View menu, click on Page Source. This will show you the HTML code used to create the page. You now know the codes that person used, maybe you can apply similar codes to your page to achieve the same effects.

There are many, many more codes that to use, but this short list gives you many common ones.

List of Heading Font Sizes

H1 Font Size

H2 Font Size

H3 Font Size

H4 Font Size

H5 Font Size

H6 Font Size

P Font Size

Other Helpful Web Pages

First, We would like to thank Steve and Lynne. In honor of their help over the past days the Summercore page is first on our list. This page not only has helpful links for creating new and exciting web pages, but lots of other fun stuff too.

Summercore

This page has a great list of many of the HTML codes and what they do. This page also gives more directions on how the different tags are used.

Big Page of HTML Tags

This page has quite a bit of instructional text and examples. It is a great reference page.

HTML Instruction Page

This page gives you a table of almost any color you could ever wish for.

Wonderful Color Page

BODY	Sets up the main body of the page. Attributes that go with the Body tag are bgcolor, to set the color of the background; text, sets the color of the text; background, allows you to designate a background pattern.
H1 thru H6	Give you a series of different font sizes recommended for use in headings. See below for examples of the different sizes.
CENTER	Will center the text or image that follows.
IMG SRC	Allows you to insert an image. This command should be followed by ="thefilename.gif".
A	This is the anchor tag. By using this tag you can create links from your site to other sites on the web or additional pages of your own. The command to create a hyperlink to another page, using a word as you link is:
I	Will italicize the text.
B	Will bold the text.
P	Will begin a new section of text. This will give you a double space effect between sections of text.
BR	Will begin a new line of text. This will not double space the lines.
HR	Will This is similar to the P tag but will give you a horitontal line between sections. You can change the width of the line by adding the attribute size followed by the equal sign and the number, in pixels, of the width that you would like.