Tables

TABLE

Creates a fluid table that can be used to easily structure information. Tables are used to present data in a reader-friendly manner. Tables are comprised of a variety of different tags and attributes, all described below.

<table>items in table</table>

TR

The TR tag is used to create a row in a table. TR is used in combination with the TH/TD tag. Attributes follow the same table vaules.

<tr>items in table row</tr>

TH

The TH tag creates a table header, which is often the title of the columns in your table. It is always used within a TR tag. Typically by default, content within a TH tag is bold.

<th>column title</th>

TD

The TD tag creates a cell in a row of a table. It is always used within the TR tag. Attributes follow same table values.

Tag Syntax<td>items in table cell</td>

Using TR & TH:

<tr>

<th>Column 1 Title</th>

<th>Column 2 Title</th>

</tr>

Using TR & TD:

<tr>

<td>Item in First data row, First Column</td>

<td>Item in First data row, Second Column</td>

</tr>

Putting it all together

<table cellpadding="1" cellspacing="1" width="60%" border="2" >

<tr>

<th>Name</th>

<th>Attendance</th>

</tr>

<tr>

<td>John</td>

<td>100</td>

</tr>

<tr>

<td>Susan</td>

<td>100</td>

</tr>

<tr>

<td>Jerry</td>

<td>80</td>

</tr>

</table>

The code above would graphically turn out ot look something like: