Células de cabeçalho em tabelas HTML

Além das tags td, também existem as tags th, que também criam células. Mas estas não serão células comuns, e sim células de cabeçalho, que indicam o que está em uma determinada coluna (ou linha) da tabela. Por padrão, o texto nessas células th ficará em negrito e centralizado.

Vamos ver um exemplo. Suponha que temos a seguinte tabela com funcionários:

html<table border="1" width="300">
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат:

Como você pode ver, a primeira coluna armazena o nome do funcionário, a segunda coluna - o sobrenome, e a terceira - o salário. Vamos adicionar uma linha no início da tabela, onde colocaremos os cabeçalhos das colunas nas tags th:

html<table border="1" width="300">
  <tr>
    <th>Nome</th>
    <th>Sobrenome</th>
    <th>Salário</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат: