tutor

TABLE LESSON NO 4

You can specify background colors for a table, <TR> table row or a <TD> table cell. Just use BGCOLOR like you would in the <BODY> tag.

<TABLE BORDER=3 CELLPADDING=20 CELLSPACING=5 BGCOLOR="#FF9999">
<TR>
<TD>Lets</TD>
<TD>Make</TD>
<TD>Some</TD>
<TD>Cake</TD>
</TR>
<TR>
<TD>Flour</TD>
<TD>Milk</TD>
<TD>Sugar</TD>
<TD>Eggs</TD>
</TR>
</TABLE>

Lets Make Some Cake
Flour Milk Sugar Eggs


<TABLE BORDER=3 CELLPADDING=20 CELLSPACING=5>
<TR BGCOLOR="#FF9999">
<TD>Lets</TD>
<TD>Make</TD>
<TD>Some</TD>
<TD>Cake</TD>
</TR>
<TR BGCOLOR="#99CCCC">
<TD>Flour</TD>
<TD>Milk</TD>
<TD>Sugar</TD>
<TD>Eggs</TD>
</TR>
</TABLE>

Lets Make Some Cake
Flour Milk Sugar Eggs


<TABLE BORDER=3 CELLPADDING=20 CELLSPACING=5>
<TR BGCOLOR="#FF9999">
<TD>Lets</TD>
<TD>Make</TD>
<TD>Some</TD>
<TD>Cake</TD>
</TR>
<TR>
<TD BGCOLOR="#9933FF">Flour</TD>
<TD>Milk</TD>
<TD>Sugar</TD>
<TD BGCOLOR="#3366FF">Eggs</TD>
</TR>
</TABLE>

Lets Make Some Cake
Flour Milk Sugar Eggs



Did you notice that when the <TABLE BGCOLOR> and the <TD BGCOLOR> were not specified that the cell and border colors assumed were the page bgcolors?

Using The Professors Color Chart to pick your colors, you can create some very interesting colored Tables.

One more thing about these table background colors... a <TR> bgcolor and a <TD> bgcolor will override a <TABLE> bgcolor.

<TABLE BORDER=3 CELLPADDING=20 CELLSPACING=5 BGCOLOR="#003300">
<TR BGCOLOR="#FF9999">
<TD>Lets</TD>
<TD>Make</TD>
<TD>Some</TD>
<TD>Cake</TD>
</TR>
<TR>
<TD BGCOLOR="#9933FF">Flour</TD>
<TD BGCOLOR="#9999CC">Milk</TD>
<TD BGCOLOR="#9999CC">Sugar</TD>
<TD BGCOLOR="#3366FF">Eggs</TD>
</TR>
</TABLE>

LetsMakeSomeCake
FlourMilkSugar Eggs


All html coding works in a cell. We'll make The Professor a link to The Basic Signature Series and use text to make a link to the Tools Section.

<TABLE BORDER=3 CELLPADDING=10 CELLSPACING=5 BGCOLOR="#0000FF">
<TR>
<TD BGCOLOR="#99CCCC" ALIGN=CENTER>Let's visit<br><br>The Professor's<br><br><A HREF="https://leprofesseur.tripod.com/tools.html">Tools Section</A></TD>
<TD ALIGN=CENTER BGCOLOR="#FFFFFF"><A HREF="https://leprofesseur.tripod.com/prof.html"><img src="grad.gif" width=152 height=199 BORDER=0></A></TD>
</TR></TABLE>

Let's visit

The Professor's


Tools Section
The Professor


Here is an example of how a whole Table and Cell may be used to provide a link. This is a Web Tv only tag so PC users will not be able to use it.

Now that we have seen how a Table and a Cell may be used as links, let's use this information and make a Table that Web Tv Users can create as an F Key Saver

The Top Left Link will take you to a page that contains the instructions for

Table Linker



Colspan & Rowspan Table Lesson

colspan and rowspan are attributes of the <TD> cell and are sometimes difficult to grasp. The Professor has decided to create a separate Tutorial that will be of interest to the advanced table student and urges those just starting a table course to have a look also as some of the techniques may be applied to basic tables.

All this Cake talk is making The Professor hungry. Lets go and make one.



The Professor's Table

Introduction

Lesson No 1Lesson No 2Lesson No 3Lesson No 4Lesson No 5

DESIGN BY

THE PROFESSOR

tee hee

beseen counter