<td>【表のデータセル (Table cell / HTML 4.01：table data cell)】

<style>
table.ex-1 { border: 1px black solid; width: 300px; }
table.ex-1 th { border: 1px black solid; }
table.ex-1 td { border: 1px black solid; }
</style>

<table class="ex-1">
  <tr><th>ヘッダセル<th>ヘッダセル</tr>
  <tr><th>ヘッダセル<td style="background-color:yellow">データセル</tr>
  <tr><th>ヘッダセル<td>データセル</tr>
  <tr><th>ヘッダセル<td>データセル</tr>
</table>

<style>
table.ex-2 { border-collapse:collapse; width: 450px; }
table.ex-2 th { border: 1px black solid; }
table.ex-2 td { border: 1px black solid; }
</style>

<table class="ex-2">
  <tr><th>ヘッダセル<th>ヘッダセル<th>ヘッダセル</tr>
  <tr><th>ヘッダセル<td colspan="2">データセル１</tr>
  <tr><th>ヘッダセル<td rowspan="2">データセル２<td>データセル３</tr>
  <tr><th>ヘッダセル<td>データセル４</tr>
</table>

<style>
table.ex-3 { border-collapse:collapse; width: 450px; }
table.ex-3 th { border: 1px black solid; }
table.ex-3 td { border: 1px black solid; }
table.ex-3 td:empty { background-color:lightgray; }
</style>

<table class="ex-3">
  <tr><th>ヘッダセル<th>ヘッダセル<th>ヘッダセル</tr>
  <tr><th>ヘッダセル<td>データセル<td></tr>
  <tr><th>ヘッダセル<td><td>データセル</tr>
  <tr><th>ヘッダセル<td>データセル<td></tr>
</table>

<style>
table.ex-4 { border: 1px black solid; width: 300px; height: 200px; }
table.ex-4 th { border: 1px black solid; }
table.ex-4 td { border: 1px black solid; }
</style>

<table class="ex-4">
  <tr><th>ヘッダセル<th>ヘッダセル<th>ヘッダセル</tr>
  <tr><th>ヘッダセル<td style="border:3px red solid;">データセル<td style="border:3px red dashed;">データセル</tr>
  <tr><th>ヘッダセル<td style="border:3px red dotted;">データセル<td style="border:3px red double;">データセル</tr>
  <tr><th>ヘッダセル<td style="border:3px red none;">データセル<td>データセル</tr>
</table>