Active Jump Logo


Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us


Email Support
Email Contact

Divider

Table Colors
Introduction
Making a table cell have a colorful background can really make things stand out on your site and attract your visitors attention. This section will explain how to add a background color to your table cells.
Table Color
Table color gives your entire table one color which is the background color to all the cells. To define the color of your table, you will need to add the line BGCOLOR="#xxxxxx" to the <TABLE> tag, so the final result looks like this.

<TABLE BGCOLOR="#xxxxxx">

The xxxxxx, is replaced with the color code of your choice. You can get a list of the colors from the color chart. For a pop up window of the color chart, click here.

index.html - Notepad
....<BODY>

<TABLE BGCOLOR="#C0C0C0"><TR>
<TD> The Background Is Gray</TD>
<TD> The Background Is Gray</TD>
</TR></TABLE>

</BODY>....

My Homepage - Microsoft Internet Explorer
The Background Is Gray The Background Is Gray


Cell Color
Cell color lets you define the background color of each individual cell on your table. To add color to one of your table cells, you will need to add the line BGCOLOR="#xxxxxx" to the <TD> tag that you want colored, so the final result looks like this.

<TD BGCOLOR="#xxxxxx">

The xxxxxx, is replaced with the color code of your choice. You can get a list of the colors from the color chart. For a pop up window of the color chart, click here.

index.html - Notepad
....<BODY>

<TABLE><TR>
<TD BGCOLOR="#C0C0C0"> The Background Is Gray</TD>
<TD BGCOLOR="#4040FF"> The Background Is Blue</TD>
</TR></TABLE>

</BODY>....

My Homepage - Microsoft Internet Explorer
The Background Is Gray The Background Is Blue


Test Your HTML
Printer Friendly Version


Jonathan David VerLee
webmaster@activejump.com


White