Idocs Guide to HTML

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

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.