Guide to HTML

To create an HTML document, we must first tell the computer it is an HTML document. We do this through use of the HTML tag:

<HTML>
</HTML>

There two tags should be at the start and end of every HTML document you create. After the definition tag, we want to give the computer some header information: Title, description, keywords, and so on. To tell this information to the computer, put it between the header tags:

<HEAD>
<TITLE>This is a title</TITLE>
<META NAME=Description content="This is a short description of your site. Search engines often use it.">
<META name=keywords content="html, coding, guide, other cool keywords"
<META name=author content="Chris Schmidt, CEO Chris Enterprises">
<META name=date content="2/13/00">
</HEAD>

This information will not be shown on the page, but most search engines use this information. The title defines the title of your page. This will be shown in the title bar usually. It is also used when a search engine returns your site. The keywords help making searching for your site easier. The description tag is what is displayed under your title in a search engine. The author and date tags are usually just informative for your own reference. Now let's move onto the body of our page.

The body follows the header, and is also included in a tag:

<BODY>
...
...
</BODY>

In between the two body tags, there can be many different things. First, if you want to use a text item, start with a <P> tag, and end with a </P> tag.

<P>This is a paragraph. It can include images and links as well.</P>

To include a break, but not an end of the paragraph, use the <BR> tag. This makes a smaller space between the lines. To include an image, use an <IMG> tag. It's format is:

<IMG SRC="the address of the pic" align="left, center, or right">

Some other formatting tags are listed below:

<I></I>italics <STRONG></STRONG>bold <U></U>underline <CENTER></CENTER>centered

To create a link, you need to use the <A> tag. For example:

<A HREF="http://www.altavista.com">www.altavista.com</A>

Creates this link: www.altavista.com

To wrap up, this is our document so far:

<HTML>
<HEAD>
<TITLE>This is a title</TITLE>
<META NAME=Description content="This is a short description of your site. Search engines often use it.">
<META name=keywords content="html, coding, guide, other cool keywords"
<META name=author content="Chris Schmidt, CEO Chris Enterprises">
<META name=date content="2/13/00">
</HEAD>
<BODY>
<P>This is a paragraph. It can include images and links as well.</P>
<P><IMG SRC="the address of the pic" align="left, center, or right"></P>
<A HREF="http://www.altavista.com">www.altavista.com</A>
</BODY>
</HTML>

And you're on your way to making a web page!

Back to Chris Enterprises

HOME


Questions or comments? E-mail me at CRSchmidt@juno.com
Last update 2/13/2000 Copyright Chris Enterprises 2K