Site hosted by Angelfire.com: Build your free website today!
HOME | CSS | TABLES| IMAGES| TYPOGRAPHY| LAYOUT| DEVICES| COLOR THEORY| FORMS| FEATURES| RESOURCES| ACCESS

Tables

A table is a collection of cells merged together to store information. They are divided up into rows and columns allowing you to organize data for the viewer. The table header row is telling us what each column is going to contain. Many different styles can be applied to tables.

Styles can be applied using CSS. Here you can modify what you want the appearance of the table to be. Use the CSS style pane to select the table to be modified. Then you can change the background color, table widths and height, text alignment, and even inserting pictures.

To make a table stand out and attract the viewer try a few things. Try alternating the color of the rows to make that row stand out. Another thing you can try is inserting a picture in the table heading to show what is being defined. All these features can make a great table.

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 table cells, whether they're in a row or a column
<td> The <td> tag defines a standard table cell.