Adicionando cabeçalhos de tabela com a tag <th>
Ao criar tabelas em HTML, é importante adicionar cabeçalhos para identificar o conteúdo de cada coluna. Para isso, usamos a tag <th>
.
A fim de que você compreenda melhor o conceito, pense na tag <th>
como uma versão mais destacada da tag <td>
, pois ela é usada exclusivamente para cabeçalhos de tabela.
Vamos usar um exemplo para ilustrar como adicionar cabeçalhos de tabela em HTML:
<!DOCTYPE html>
<html>
<head>
<title>Tabela com Cabeçalhos</title>
</head>
<body>
<table>
<tr>
<th>Nome</th>
<th>Idade</th>
<th>Profissão</th>
</tr>
<tr>
<td>João</td>
<td>25</td>
<td>Engenheiro</td>
</tr>
<tr>
<td>Maria</td>
<td>30</td>
<td>Advogada</td>
</tr>
</table>
</body>
</html>
Nesse exemplo, adicionamos as tags <th>
antes de cada cabeçalho de coluna: Nome, Idade e Profissão.
Como resultado, esses cabeçalhos serão exibidos de forma mais destacada e identificarão o conteúdo de cada coluna abaixo deles.
Além disso, note que os cabeçalhos são definidos na primeira linha da tabela, dentro da tag <tr>
.
Essa primeira linha é chamada de linha de cabeçalho (<thead>
) e é importante para acessibilidade, pois permite que leitores de tela identifiquem os cabeçalhos das colunas.
Em conclusão, a tag <th>
é usada para adicionar cabeçalhos de tabela em HTML, e ela é usada exclusivamente para esse propósito.
Com essa simples adição, suas tabelas serão mais organizadas e compreensíveis, facilitando a leitura e o entendimento do conteúdo apresentado.
Lembre-se de sempre utilizar as tags de forma semântica e acessível, tornando suas páginas web mais amigáveis para todos os usuários.