Imperial Valley College Faculty Websites

You are here:Instructors»Robert Gallegos»CIS 212»Chapter 13 Review
Monday, 24 October 2011 18:08

Chapter 13 Review

Written by Robert Gallegos
Rate this item
(0 votes)

CIS 212          Fall 2011         Chapter 13 Review                                                   Date handed out: 10/24/2011

Reading Assignment:            13 Getting Tabular: tables and more lists

  1. XHTML tables are used to structure tabular data.

  2. Use the HTML table elements, <table>, <tr>, <th>, and <td> together to create a table.

  3. The <table> element defines and surrounds the entire table.

  4. Tables are defined in rows, using the <tr> element.

  5. Each row contains one or more data cells, defined with the <td> element.

  6. Use the <th> element for data cells that are row or column headings.

  7. Tables are laid out in a grid. Each row corresponds to a <tr> … </tr> row in your HTML, and each column corresponds to the <td> … </td> content within the rows.

  8. You can provide additional information about your tables with the table summary attribute, and the <caption> element.

  9. Table data cells can have padding, borders, and border spacing, which is the space between cells.

  10. Just like you can control the padding, borders, and margins of elements, you can control the padding, borders, and border spacing of table cells with CSS.

  11. The border-collapse property is a special CSS property for tables that allows you to combine cell borders into one border for a cleaner look.

  12. You can change the alignment of the data in your table cells with the text-align and vertical align CSS properties.

  13. You can add color to your tables with the background –color property. Background color can be added to the entire table, to each row or to a single data cell.

  14. If you have no data for a data cell, put no content into the <td> … </td> element to maintain the alignment of the table, however.

  15. If your data cell needs to span multiple rows or columns, you can use the rowspan or colspan attributes of the <td> element.

  16. You can nest tables within tables by placing the <table> element and all its content inside a data cell.

  17. Tables should be used for tabular data, not for laying out your pages. Use CSS positioning to create multi-column page layouts as described in Chapter 12.

  18. Lists can be styled with CSS just like any other element. There are a few CSS properties specific to lists, such as list-style-type and list-style-image.

  19. List-style-type allows you to change the type of the marker used in your list.

  20. List-style-image allows you to specify an image for your list marker.