
Ok  now lets have some fun.  Keep your webpage open in Internet Exporer because, 

as you make changes to it, you can hit REFRESH to see the updated version of the file.

Let's add some text.


<html>

<body  bgcolor=lightsteelblue>


html is easy.


</body>

</html> 


Too boring, let's liven it up with some color.



<html>

<body  bgcolor=lightsteelblue  text=red>


html is easy.


</body>

</html> 



But what if I want most of my text red, with some yellow text?

That's where the font tag comes in.


<html>

<body  bgcolor=lightsteelblue  text=red>

html is easy.

this is a second line.


<font color=yellow>this is yellow text</font>



</body>
</html> 



Notice that the font tag overrides whatever the body tag had declared as text color.

This is because local tags (or tags closest to the item being affected) are looked at

as the overriding tags.


Therefore:

<font color=red><font color=blue> TEXT </font></font>

will be blue text. These are called nested tags.


That was really useless but you'll see where it comes in handy later.


Let's look at what you've got so far.  

save the document, + hit refresh in IE.

Notice how the lines are smooshed together. HTML doesn't translate as literally as you would 

think.  If you want spaces or line breaks we must add them.

To add a line break:  <br>

Like so:



<html>

<body  bgcolor=lightsteelblue  text=red>

html is easy.<br>

this is a second line.

<br>
<font color=yellow>this is yellow text</font>



</body>
</html> 

Save it + hit refresh. I wont tell you to do that anymore, but if you cant see any changes on

your page--remember that it is probably because you didn't save it first.


OK let's move stuff around.

First, let's move everything 5 spaces down.



<html>

<body  bgcolor=lightsteelblue  text=red>


<br>
<br>

<br>
<br>
<br>


html is easy.<br>

this is a second line.

<br>
<font color=yellow>this is yellow text</font>



</body>
</html> 


now let's center our text--guess which tag that is...


<html>

<body  bgcolor=lightsteelblue  text=red>

<br>
<br>
<br>
<br>
<br>
<center>html is easy.</center><br>

<center>this is a second line.</center>

<br>
<center><font color=yellow>this is yellow text</font></center>


</body>
</html> 


Easy.  Too easy??  Let's get to some better stuff.  >>>  WEBSTUFF3.txt



























