Lesson Four

• Text And Headings
• Getting Centered
• Make My Words Pretty
• HEXADECIWHAT???
• Font Size

Text And Headings

In this lesson you'll learn how to place Headings on your page and how to use the Font Tags.

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 webmasters 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 center 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 center your heading, it will naturally line up at your browser's default setting, which is probably the left of your screen. You can also center text or images by placing them inside center tags.

Make My Words Pretty

The size and color of text on an HTML document can be controlled by using the FONT tag. You'll set color of text for the entire page in the body tag, but you can enclose indivdual words, sentances, 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, so pay close attention, okay? 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 Color

The FONT tag has a real identity crisis on it's hands. It 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 color 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 color attribute. If you want a fairly basic color, you can use it's name; But if you're looking for a real off the wall color like Burlywood Brown...Well, that's another matter altogether. In that case you'll need to use it's HEXADECIMAL name. HEXADECIWHAT???

Hexidecimal Color names are six digit codes used to specify how much of the colors RED, BLUE, and GREEN are in the desired color.

Here are the hexidecimal codes for some
of the more common colors:

#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 color's name in your font tag like this: < FONT COLOR="#FF0000"> Your Text </FONT> Font Size

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

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

When an HTML tag accepts attributes, like the font tag does, you can put all of it's attributes in the same tag. So in our font tag we can put both the size and color 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 teensiest.

SIZE=7
SIZE=6
SIZE=5
SIZE=4
SIZE=3
SIZE=2
SIZE=1

« previous lesson

top

next lesson »

We Will Help You
Whatever you need to promote your Internet presence, Domino Marketing© will help you.

We can assist you to take your web site to the next level by providing SEO training experts and a number of other services including Search Engine optimization, Hosting, E-commerce, Search Engine Placement, Customer Support Tools, and a
Free 60-day Email Marketing Trial


For more information click here and a web consultant will contact you with specific pricing and strategies via email or phone

Learn How To Rank Number #1
Goo gle, Msn, Yahoo