O que é uma tabela em HTML?

Uma tabela é criada com o marcador <table> e é composta por:

• <tr> → uma linha da tabela (table row).

• <td> → uma célula de dados (table data).

• <th> → uma célula de cabeçalho (table header).

Estrutura básica de uma tabela

Explicação:

• O marcador <table> define a tabela.

• Cada <tr> cria uma linha.

• Dentro de cada linha, <th> define os títulos das colunas e <td> define os dados.

• O atributo border="1" adiciona uma borda simples (usado apenas para exemplo).

Cabeçalhos e células

O marcador <th> apresenta o texto em negrito e centrado por padrão, indicando que é um título de coluna.
As células <td> contêm os dados normais da tabela.

Adicionar título à tabela

Podemos usar o marcador <caption> para adicionar um título descritivo:

Combinar células (colspan e rowspan)

• colspan → junta várias colunas.

• rowspan → junta várias linhas.

Agrupar cabeçalho, corpo e rodapé de uma tabela

Em tabelas grandes, é boa prática usar:

• <thead> → cabeçalho.

• <tbody> → corpo da tabela.

• <tfoot> → rodapé.

Exemplo:

Boas práticas

* Usa sempre <th> para cabeçalhos.
* Dá títulos descritivos às tabelas com <caption>.
* Evita tabelas só para alinhar texto — usa-as apenas para dados.
* Mantém o código indentado e organizado.

As tabelas em HTML permitem apresentar dados de forma clara e organizada.
Aprendeste a criar tabelas simples, a usar títulos, a combinar células e a estruturar o cabeçalho e rodapé.
Mais tarde, com CSS, poderás personalizar as cores, bordas e estilos das tuas tabelas para as tornar mais bonitas e modernas.