HTML Tutorial Lesson 5

	Register Domain Name At $15/yr
Web Hosting Network Hosting Plans Order Support Affiliate Program Sponsorship Knowledgebase FAQ Contact AUP Privacy

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 >>

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      Color Chart      Practice Exercises      Color Picker

Index & Quick Reference      Barebones HTML Guide      Table of Contents

Print version available      PageTutor.com membership

Tutorial reprinted with permission, courtesy PageTutor.com