A Simple Web Page

The following tags are the bare minimum that are required to have a home page. In order to create this page, you must use an ASCII text editor or one of the many html editors available on the World Wide Web. Check the links section of this document to find places to get some editors.

A good editor to start with is found right on your own computer. The windows Notepad progam.

It will not save the file in the right (ASCII.txt) format. The first html pages were written with notepad for windows. Notepad saves the code and text in the proper format that any browser can understand. Be sure to save the file with the extension of htm. A browser must see the htm extension in order to display the page properly.

The first page of a web site or the "home" page usually has the file name of "INDEX.HTM". This is not always the case but will be safe to use.

HTML consists of various tags that tell the browser what to do with the text that follows, display it, format it etc. An HTML tag will always be enclosed within the left bracket "<" and the right bracket ">". Ex: <CENTER>.

Most of the HTML tags also require what is called a closing tag. The closing tag tells the browser where the HTML function ends. If you do not use the closing tag, unexpected results may happen. Always check your page using at least 2 different browsers before it is published.

A closing tag has the opening and closing brackets but also must have a "/" in front of the tag. Ex: </CENTER>.


The Code for a simple page

<!-- When you see a tag begining with <!--, this is a remark. They can be used to put explanations into the document that will not be seen when the page is displayed by the browser -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<:META NAME="Author" CONTENT="Dave Rigney">
<TITLE>This is my page </TITLE>
</HEAD>
<BODY>
Your text goes here
</BODY>
</HTML>

How our sample page looks


Example

As you can see, this simple page does nothing more than display the text between the <BODY> and the </BODY> tags.

If you will, notice that each section of new HTML code is on a seperate line. This will make the code page more readable and makes things a little easier to find when going back to edit the page. To make it even easier, put a blank line between each section of code. This blank line will not be displayed in the browser. The only code the browser reads is the HTML codes in between the brackets.

L Arrow Home R Arrow