Text and headings

In this section you will learn how to place Headings on your page and how to use the Font Tag

This Is A Heading

See that big blotch of text right above this that say's "This Is A Heading"? Well, That's what we Webster's like to call a HEADING

Headings come in six sizes:

<H1>Your Heading</H1>

<H2>Your Heading</H2>

<H3>Your Heading</H3>

<H4>Your Heading</H4>

<H5>Your Heading</H5>

<H6>Your Heading</H6>

Getting Centered

You can centre your Heading by nesting it inside a set of CENTER tags, like in the example below.

<CENTER><H1> Your Heading </H1><CENTER>

If you don't centre your heading, it will naturally line up at your browser's default setting, which is probably the left of your screen. You can also centre text or images by placing them inside centre tags.

Make My Words Pretty 

Using the FONT tag can control the size and colour of text on an HTML document. You'll set colour of text for the entire page in the body tag, but you can enclose individual words, sentences, or even sections of your page in between FONT tags to make them different than the norm.

<FONT> </FONT>

Now Things start to get a little more involved. The FONT tag's can effect several different aspects of the text you place between them. For now you only need to worry about two.

SIZE and Colour

The FONT tag really doesn't know much about itself until you tell it exactly what type of FONT tag it is. You do this by assigning it an ATTRIBUTE

COLOR is an Attribute, as is SIZE.

Every single attribute must have a value. The value would be what colour or size you want your text to be.

Check out this example then we'll talk about it.

<FONT COLOR=RED> YOUR TEXT </FONT>

In this example, FONT is the tag name, COLOR is the attribute, and RED is the value of that attribute. You could just as easily use blue or yellow or green as the value of your colour attribute. If you want a fairly basic colour, you can use it's name; But if you're looking for a real off the wall colour like Bronze Blue. Well, that's another matter altogether. In that case you'll need to use the HEXADECIMAL name.

Hexidecimal Colour names are six digit codes used to specify how much of the colours RED, BLUE, and GREEN are in the desired colour.

Here are the Hexidecimal codes for some of the more common colours:

#000000 BLACK
#FFFFFF WHITE
#FF0000 RED
#00FF00 GREEN
#0000FF BLUE
#00FFFF CYAN
#A020F0 PURPLE
#FFA500 ORANGE
#FFFF00 YELLOW
#A52A2A BROWN

You can use the Hexidecimal code in place of the colour's name in your font tag like this:

< FONT COLOR="#FF0000"> Your Text </FONT>

You can find many more hex codes and try them out by using the Colour Wizard which will be placed on the home page for you to try and it will even choose the hex colours for you.

Font size

Use the size attribute just like the font colour attribute, by inserting it into your opening font tag

<FONT SIZE=5 >YOUR TEXT </FONT SIZE>

When an HTML tag accepts attributes, like the font tag does, you can put all of its attributes in the same tag. So in our font tag we can put both the size and colour attributes like this:

<FONT SIZE=5 COLOR=#FF0000>

There are seven font sizes you can use with 7 being the largest and 1 being the smallest.

SIZE=7

SIZE=6

SIZE=5

SIZE=4

SIZE=3

SIZE=2

SIZE=1