Quick Intro to Tables

Tables

You will need the following tags for tables:

• <table> and </table> before and after the table
• <tr> and </tr> before and after each row
• <td> and </td> before and after each table cell, unless it's a header cell
• <th> and </th> before and after header cells
  (Header cells appear boldface and centered, but normal data cells do not)

Here is an example:

Aloha
Greeting	Hello
	Goodbye

The above table can be built with tags:

<table>

<tr><th colspan='2'> Aloha </th></tr>
<tr><td rowspan='2'> Greeting </td>	<td> Hello </td></tr>
	<tr><td> Goodbye </td></tr>

</table>

Spanning Rows and Columns

The rowspan= and colspan= attributes of td and th cells can be make an individual cell stretch across multiple rows or columns in a table. In the above example,

• The first th cell containing the word "Aloha" stretches across two columns.
• The td below it containing the word "Greeting" stretches down to occupy two rows.

Vertical Alignment