Table Headers

One of the single-most important elements of your table are the headers. Table headers are the labels for the various types of data in your rows and columns. Any table cell that is being used as a header should use a set of <th> tags for that table cell (instead of <td> tags).

In Dreamweaver, you can change a table cell <td> to a header <th> by simply highlighting the table cell (or cells), and ticking the checkbox in the properties panel for Header.

Once you have your table properly marked up with headers, you can then create styles for the headers. Simply create a simple style declaration to apply to your <th> tags.

And by applying an "id" attribute to your table, you can then create styles for <th> tags that are specific to an individual table.

Examples:

th {
background-color: gray;
border-bottom: 2px solid black;
}

This declares the table header cell to have a gray background and a 2 pixel solid black bottom border

#contact th {
background-color: black;
color: white;
border-bottom: 3px solid red;
text-transform: uppercase;
}

This declares the table header cell to have a black background, white text, a 3 pixel solid red bottom border, and text in all uppercase. This style only applies to <th> tags inside a table where id="contact".

When using Dreamweaver to create a style declaration that applies only to items within an element with a specific id, use the "Advanced" selector type, and name your style in this manner:
#idname htmltag
[hash character]+[name of your id]+[space]+[html tag name]

To create the style for the example above in Dreamweaver: