ADDING TABLES CELL COLORS |
LESSON #10 |
Okay I have no idea what colors you just turned your tables but something tells me it's probably ghastly.
Okay click on View in our online editor on the right. What you will see is
a white page with this table:
So how can we turn that into this?:
Find the lines that make up cell 1 and cell 4, those are the ones we want
to turn black. Now the hex code for black is:
#000000
We turned the whole table green in the last lesson, all we have to do now
is turn those two cells black. Cell one is created by the line of code in
our editor to the right that says:
<TD>1</TD>
And cell 4 is created by the line that says:
<TD>4</TD>
All you have to do is change them to read:
<TD BGCOLOR="#000000">1</TD>
<TD BGCOLOR="#000000">4</TD>
Make sure there is a space between the "D" and the "BGCOLOR".
In case you hadn't figured it out BGCOLOR stands for "Background Color." Then you put a = after it and enter any color code you want in quotes.
It takes some time to figure out which <TD></TD> is which square, but there is a trick. If I know I want to change the color of a cell I will fill it with several "F's" while I am looking at the page in AOLPRESS. Then I select:
Tools 
Show
HTML
Then I scroll around until I find the <TD></TD> that has all my "F's between them.
Okay!
Now we can make some tables! But how do we limit their size?
The next lesson will cover that!
Don't forget to save your webpage...
File > Save As > Make sure location is right and then click the
button.
In the example above find:
<TD>1</TD>
Use the lesson to the left to change it's colors several times. Practice this quite often until you get the hang of it.