|  | PageTutor.com

Now I guess is a good time to yap a bit about syntax. You notice here and there I use quotation marks, these are important. Whenever you have an `ATTRIBUTE="value"`, the value should really be in quotes. It's a good habit to get into. (as you work through these tutorials you'll see it's a habit that I haven't quite developed completely :-)

You have no idea how many times I made a page and it was all screwed up... I mean all screwed up because of a single missing or misplaced quotation mark or a missing space or a missing greater than `>` sign . Someday we will be separated from this kind of coding, but for now we just have to be careful. Another thing is my use of `CAPITAL LETTERS` for most of my marking up. This is just personal preference. I find that the tags stand out more when using all caps. You could just as well use `<font>` instead of `<FONT>`. You can even use `<fOnT>` if that's what trips yer trigger. HTML is largely case INsensitive.

Alright, back to the fun stuff...

You can change the font color if you like.

    <BODY>
    Something really <FONT COLOR="#FF0000">cool</FONT>
    </BODY>

Something really cool

We can, of course use more than one `ATTRIBUTE` in a `<FONT>` tag...

    <BODY>
    Something really <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">cool</FONT>
    </BODY>

Something really cool

Oh boy we're on a roll now!

    <BODY BGCOLOR="#FFFFFF">
    Something really <U><I><B><FONT COLOR="#FF0000"
    FACE="ARIAL" SIZE="7">cool</FONT></B></I></U>
    </BODY>

Something really cool

I feel the need to point out once again that multiple tags should be nested.

`<TAG3><TAG2><TAG1>Hooha!</TAG1></TAG2></TAG3>`

It doesn't matter which tag is first. It's not like if you want to make something red and bold you have to do one or the other first. You can do them in any order you want. Such as...

`<TAG2><TAG1><TAG3>Hooha!</TAG3></TAG1></TAG2>`

The fastest way to confuse the browser, not to mention yourself is to overlap the tags...

`<TAG3><TAG2><TAG1>Hooha!</TAG3></TAG1></TAG2>`

(I couldn't think of a way to explain it so I hope the use of examples makes it clear.)

<< BACK NEXT >>

PageTutor - So, you want to make a Web Page!
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
Upload Your Pages 216 Color Chart Color Picker
Index & Quick Reference Barebones HTML Guide Joke Break
Print version available - Get the PageTutor book & CD
Become a member - Get more good stuff!

Invest in the future - Hug your kid today.