ADDING TABLES ADVANCED STUFF |
LESSON #9 |
ADVANCED TABLES (Insert ominous music here)
Okay make the table below:
Refere to the previous lesson if you don't remember how to make this table.
But listen if you aren't a pro at making tables yet you should learn that
first.
Okay click inside the first cell so the cursor blinks in it like below:
While the cursor is blining in that cell go up to the top of AOLPRESS and click:
Tools 
Show
HTML
Holy smokes a ton of stuff comes up. That is the raw HTML just like if you hand hand coded everything you have done so far. You should find your cursor blinking inside some text like that below:
<TABLE BORDER CELLPADDING="2">
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
Change this line:
<TABLE BORDER CELLPADDING="2">
TO:
<TABLE BORDER CELLPADDING="2" bgcolor="#00ff80">
Now click on:
File Close
Apply
See any change to your webpage? Does your table look like this now?:
The part you added to your table (bgcolor="#00ff80") told AOLPRESS to turn your table green. Go over to the next side of this page and let's play with the online editor for a moment.
Don't forget to save your webpage...
File > Save As > Make sure location is right and then click the
button.
Now click on view above and you'll find an online version of your green table. I have inserted 1 through 4 so you can see what lince creat which cell.
Find the section you added:
bgcolor="#00ff80"
Now change that #00ff80 to:
#999999
Click on view and see what happens! Did your table turn gray?
That is the glory of the hex code!
You can find more hex codes to try here.
Write down some of the hex codes from that page, bring them back here and try them. Then use them in your page via the:
Tools Show
HTML
Now play with that for a while, we don't want to hurry through tables.
When you get the hang of changing that line I will show you next how to give each section of your table a different color!
Don't forget to save your webpage...
File > Save As > Make sure location is right and then click the
button.