Table Rows and Cells

In the previous page we looked at setting the fonts of an entire table. In this page we'll look at setting the fonts for just a single row or cell.

We'll use the same style rule (in a STYLE tag or in a style sheet file) as from the previous page:

.boldtable, .boldtable TD, .boldtable TH
{
font-family:sans-serif;
font-size:20pt;
color:white;
background-color:navy;
}

We can apply this rule to a row by setting the class of the row to boldtable.

<TABLE BORDER>
<TR CLASS="boldtable"> <TH>fruit</TH> <TH>state</TH> </TR>
<TR> <TD>apples</TD> <TD>Washington</TD> </TR>
<TR> <TD>pineapples</TD> <TD>Hawaii</TD> </TR>
</TABLE>

which gives us this table

fruit state

apples Washington

pineapples Hawaii

We can also apply the rule to a single cell by setting the clas of the cell to boldtable:

<TABLE BORDER>
<TR> <TH>fruit</TH> <TH>state</TH> </TR>
<TR> <TD>apples</TD> <TD>Washington</TD> </TR>
<TR> <TD>pineapples</TD> <TD CLASS="boldtable">Hawaii</TD> </TR>
</TABLE>

which gives us this table

fruit state

apples Washington

pineapples Hawaii