Home | CSS | Tables | Images | Typography | Layout | Devices | Color Theory | Forms | DW Features | Resources | Accessibility
Tables allow users to display information in a grid of columns and rows. Tables are also often used as an approach for laying out Web pages. Users can align columns and rows, alter cells so they span multiple columns or tows, and arrange cell data, borders, and backgrounds. Users can also modify the size of the table and it's position on the page.
A table is a practical method to condense many forms of information. Tables are generally used to position page elements and control page layout. Even though CSS is recommended as a means of controlling element positioning, some of the more complex and difficult designs are simpler to complete when tables are used.
CSS formatting allows users to set td and th style rules to specify attributes for table cells without applying those formatting commands to each cell. The use of style sheet formatting to table cells gives users more flexibility in the planning stage of Web design.
| Table Tags | |
|---|---|
Tag |
Use |
<table> |
The <table>tag determines the start and end of a table. You can specify the entire width of the table, whether the table has a border, and the spacing to place between table cells. |
<caption> |
The <caption> tag places a text heading above the table, which labels the table for reference. For instance, a table containing a third-quarter financial report might have a caption of Q3 Financials. |
<tr> |
The <tr> tag defines the start and end of a table row. |
<th> |
The <th> tag defines a table header, which acts as a label for a group of tabel cells, whether they're in a row or a column. |
<td> |
The <td> tag defines a standard table cell. |
Page modified on February 20, 2009
Page modified by David Carter
