Chapter 10 Data Tables

7. The ____ element lets you add a caption to the table.
a. c.
b.

d. 

8. The element must appear immediately after the opening ____ tag.

a. table c. tr
b. td d. th 

9. The ____ element lets you create a table header cell that presents the cell content as bold and centered by default.
a. c. b.

d.

and ____ elements allow you to apply style characteristics to groups of columns or individual columns.

17. You can use the ____ element to apply class names and style individual columns.

and table data cells

. These must each be added as selectors to make sure every cell has a border. The style rule looks like the following code. Notice that the

and

elements share the same style declaration.

table {
border: solid 1px black;
border-collapse: collapse;
}

th, td {
border: solid 1px black;
}

You can also style individual row and cell borders using classes or ids to make specific selections in the table. For example, a row selector could look like the following:

tr.header {background-color: #ccddee;}

PTS: 1 REF: 458-460

5. Explain how you can use padding in tables.

ANS:
You can enhance the legibility of your table data by adding padding values for the entire table, or alternately adding padding values in individual rows or cells with class selectors. The

element does not accept the padding property, so you have to apply it to theand

elements. This style rule adds 5 pixels of padding to both types of table elements:

th, td {padding: 5px;}

The following table uses this style rule to apply 5 pixels of padding to every cell.

table {
border: solid 1px black;
border-collapse: collapse;
}

th, td {
border: solid 1px black;
padding: 5px;
}

You can also specify individual padding properties for each cell or row. For example, you might specify that

cells have extra padding on the bottom:

th {padding-bottom: 10px;}

PTS: 1 REF: 461-463