Adding Text
Main
Getting Started
Backgrounds
Adding Text
Line Breaks
Adding Links
Graphics
Using Fonts
Creating Lists
META Tags
Using Tables
Page Jumps
Frames
JavaScript As HTML
Select Menus
Mouse Commands
JavaScript Boxes
Status Messages
New Windows
Clocks

Tools
Links
Feedback

Adding text to your page is simple: just type it in! Yes, the text looks pretty boring by itself. HTML has many tags to format text. This tutorial will cover some of them to get you started. But first we will have to decide on what color to make the text.

Setting Text Color

Setting the color of text uses the same idea as using a solid color for a background. We use the attribute TEXT="color" inside of the BODY tag. Refer to the color chart for a list of some colors. Here is what the BODY tag looks like so far:

Adding the text attribute can go anywhere inside the tag as long as it follows BODY. The following lines will all produce the same result:

<BODY BGCOLOR="#000000" BACKGROUND="picture.jpg" TEXT="#FFFFFF">
<BODY TEXT="#FFFFFF" BGCOLOR="#000000" BACKGROUND="picture.jpg">
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" BACKGROUND="picture.jpg">

Using Headings

Headings are used to show the importance of text and are often used for titles or for dividing sections. There are 6 different heading sizes in HTML. The tag consists of H (for Heading) followed by a number from 1-6, for example <H1>. A heading of size one is the biggest and most important while 6 is the smallest and least important. Here is how the tag will look:

<H1>Some text here</H1>

Below are examples of all six headings to show the differences in size:

<H1>Heading of Size 1</H1>

<H2>Heading of Size 2</H2>

<H3>Heading of Size 3</H3>

<H4>Heading of Size 4</H4>

<H5>Heading of Size 5</H5>
<H6>Heading of Size 6</H6>

Other Text Tags

The following tags can be used for single words, several words or lines, or even the whole document if you would like to. Some browsers do not recognize all of these tags! Make sure to test on your desired browser(s) first before using.

<I>This tag will italicize text</I>
<BLINK>Blinking text--use sparingly</BLINK>
<STRONG>Emphasizes Text</STRONG>
<U>Underlines Text</U>
<B>Makes Text Bold</B>
<BIG>Makes Text Big</BIG>
<SMALL>Makes Text Small</SMALL>
<TT>Produces a Fixed Width Text</TT>


Search
for
This page has been accessed
3387
times since June 24, 2001


Last Updated March 21, 2001