Skip Navigation

Accessibility Example 6. B.

6.  Create tables that work properly.  REQUIRED: Use the <th> tag to identify a header or title for a column or row, and use the <td> tag to identify data in each table cell that corresponds to the header or title. Using the <th> tag will boldface and center the text.

What you see:

Column 1 heading Column 2 heading Column 3 heading
top left top middle top right
bottom left bottom middle bottom right

FrontPage 2000 Instructions:

  1. Create table.
  2. Put cursor in cell where header will be located.
  3. Type in header text.
  4. Right click and choose "Cell Properties."
  5. Under "Layout," check "Header cell."

 

Dreamweaver 4 Instructions:

  1. Create table.
  2. Put cursor in cell where header will be located.
  3. Type in header text.
  4. Check "Header" in the Properties Window.

 

HTML Source Code: 

<table cellspacing="5" border="1">
<tr>
<th>Column 1 heading</th>
<th>Column 2 heading</th>
<th>Column 3 heading</th>
</tr>

<tr>
<td>top left</td>
<td>top middle</td>
<td>top right</td>
</tr>

<tr>
<td>bottom left</td>
<td>bottom middle</td>
<td>bottom right</td>
</tr>
</table>