The HTML Page

Formatting HTML Documents

In this lesson you'll learn how to format Web pages using HTML.... We'll start our formatting lesson with the FONT tag. With the FONT tag you can specify the sizes, colors or types of fonts to use. Remember, if you need help with color values, you can use my handy color chart.

<FONT>
FACE=font
Specifies the font you will use.
Example: Arial
Source: <font face="Arial">Arial</font>
If you specify more than one font, the second font be used if the first font can't be found on a user's computer. In this example, Helvetica would replace Arial if Arial can't be found.
Example: Arial or Helvetica
Source: <font face="Arial, Helvetica">Arial or Helvetica</font>
SIZE=font size
Specifies the size font you will use.
Example: Font Size 2
Source: <font size="2">Font Size 2</font>
Listed below are other sizes you can use.
Examples: 1   2 3 -1   -2 +1   +2 +3
COLOR=#?????? (hexadecimal value)
Specifies a color you will use to type your words. You can use my color chart for help.
Example: Teal
Source: <font color=#008888>Teal</font>

There are other ways of formatting besides using the FONT tag.

<B>
Makes the text between these tags bold.
Example: Bold
Source: <b>Bold</b>
<I>
Makes the text between these tags in italics.
Example: Italic
Source: <i>Italic</i>
<U>
Makes the text between these tags in italics.
Example: Underline
Source: <u>Underline</u>

Note that bold, underline and italic tags can be nested.

Headers

A header is a special formatting method for HTML documents. Headers are made bold and come in six different sizes. Header tags are used for placing headings in your Web pages.

Example:Source:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
The final aspect to formatting we'll cover in this lesson is text alignment. There are three basic tags you need to know.

Centers the specified text.
Example:
This text is centered.
Source: <center>This text is centered.</center>


Makes a line break in your document.
Example: Line
Break
Source: Line<br>Break

Starts a new paragraph in your document.
Example: Paragraph

Break

Source: Paragraph<p>Break

There's a lot more to text formatting, but I want to cover all you need to know. Try out these changes in your HTML document. Now move on to the next lesson.

© 2001 Peter O.