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:

<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:

<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>

Repita o exemplo abaixo: