HTML Table TD Tag Tutorial

An HTML table has two types of cells:

Header Cell

The table header cell is coded with the <th> tag. It contains header information which often reads like a label for a table column or table row. The content in the table header cell is rendered in bold and centered horizontally within the cell by the browser. Header cells are usually used across the top of a data table, down the left column of a data table, or both.

Data Cell

The table data cell is coded with the <td> tag. It contains the information you want to present in table format, and usually makes up the bulk of a table. The content in a table data cell is normal weight and left-aligned.

Here's a simple table:

<table border="1" cellpadding="3">
<tr>
<th>Recipe</th>
<th>Difficulty</th>
<th>Rating</th>
<th>Comments</th>
</tr><tr>
<td>13 Bean Soup</td>
<td>5 of 10</td>
<td>7 of 10</td>
<td>Tasty, but there's <i>that</i> problem!</td>
</tr><tr>
<td>Boiled Water</td>
<td>8 of 10</td>
<td>3 of 10</td>
<td>Tastes runny, hard to make.</td>
</tr>
</table>

Here's how that displays:

Based on your interest in this tutorial you may also be interested in:

• HTML Table Tag Tutorial
• HTML Table TR Tutorial
• HTML Table TH Tutorial
• HTML Table Caption Tutorial
• HTML Col Tag Tutorial
• HTML Colgroup Tutorial
• HTML Colgroup Tutorial
• HTML thead Tutorial
• HTML tfoot Tutorial
• HTML tbody Tutorial