HTML Coding for a Web Page

WEBBITS HTML Tutor
HTML Coding and Paragraph Styles

HTML Coding
This page shows you the HTML codes that you insert in a text document to format it for display as a Web Page.

You can either code the page layout yourself using HTML, or you can use a program like the Netscape Editor to do it for you. If you use Netscape Editor, you can still examine and modify the HTML coding that is generated for the Web Page by choosing Edit Document Source from the View Menu. If you want to learn how to use the Netscape Editor to format a document, click here to go to my Web Page on Paragraph Layouts.

Basic HTML
Most HTML codes are written in pairs. Between the pair of code markers is the text that is to be formatted. Here is a list of some formatting codes.

To draw a horizontal ruled line
To go to a new line
To Underline Text
To Bold Text
To Italicize Text
To set the Font Size for a heading

HTML Documents and Paragraphs
The entire Web Page document is enclosed within <HTML> and </HTML>

Inside the <HTML> marks there are two sections:

The document information is enclosed within <HEAD> and </HEAD>
and contains the Title that you give your document within <TITLE> and </TITLE>

The body of the document is enclosed within <BODY> and </BODY>
The body contains the different styles of paragraphs.

A regular paragraph is enclosed within <P> and </P>
<P> indicates the beginning of a paragraph, and
</P> indicates the end of a paragraph.

A centered paragraph
is enclosed within <CENTER> and </CENTER>
Like this: <CENTER><P> and </P></CENTER>

A numbered list
uses an Ordered List:
<OL>
<LI>The first item goes here</LI>
<LI>The second item goes here</LI>
<LI>The third item goes here</LI>
</OL>

A bulleted list
uses an Unordered List:
<UL>
<LI>The first item goes here</LI>
<LI>The second item goes here</LI>
<LI>The third item goes here</LI>
</UL>

An indented section
uses an Unordered List with a paragraph or whatever is to be indented inside it:
This example shows a double indent.
<UL> <UL>
<P>The paragraph is typed here</P>
</UL> </UL>