<th>【表のヘッダセル (Table header 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 style="background-color:yellow">ヘッダセル<td>データセル</tr>
  <tr><th>ヘッダセル<td>データセル</tr>
  <tr><th>ヘッダセル<td>データセル</tr>
</table>

<style>
table.ex-2 { border: 1px black solid; 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 colspan="2">ヘッダセル２</tr>
  <tr><th rowspan="3">ヘッダセル３<td>データセル<td>データセル</tr>
  <tr><td>データセル<td>データセル</tr>
  <tr><td>データセル<td>データセル</tr>
</table>

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

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