So, you want to make a Web Page!
Lesson 5

adapted from Joe Barta's tutorials at- PageTutor.com

title


If you don't already have one, be sure to create a new folder titled Lesson_05 in your HTML folder


Now I guess is a good time to yap a bit about syntax. You'll notice here and there I use quotation marks. They are important. Whenever you have an attribute="value", the value should really be in quotes. It's a good habit to get into.

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 may be separated from this kind of coding, but for now we just have to be careful.

Also, regarding case, HTML is largely case INsensitive. You could just as well use <FONT> instead of <font>. However, for a couple reasons, one being it's easier, it's a fine idea to keep everything lower case.

Alright, back to the fun stuff...

Create a really cool page (don't forget the title)

<html> 
<head> 
<title>Lesson 5</title> 
</head> 
<body>
something really cool 
</body> 
</html>

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="#ccffcc">  
Something really <u><i><b><font color="#ff0000" face="arial" size="7">cool</font></b></i></u> 
</body> 

Something really cool

 

 

"NESTED TAG" INFO - VERY IMPORTANT

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

In most instances, 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...

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

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

Save as: Lesson_05.html in your HTML/Lesson_05 folder

On to Lesson 6