Qual é a estrutura de uma tabela em HTML?

A estrutura de uma tabela em HTML é definida por vários elementos:

• <table>: Contêiner da tabela.
• <caption>: Título opcional da tabela.
• <colgroup> e <col>: Elementos opcionais para agrupar colunas e aplicar estilos.
• <thead>: Secção de cabeçalhos de colunas.
• <tbody>: Secção do conteúdo principal da tabela.
• <tfoot>: Secção do rodapé da tabela.
• <tr>: Linha da tabela.
• <th>: Célula de cabeçalho numa linha.
• <td>: Célula de dados numa linha.

Os elementos <thead>, <tbody> e <tfoot> ajudam a agrupar linhas por significado e podem ser utilizados pelos navegadores para otimizar a visualização de tabelas grandes. Dentro destas secções colocam-se elementos <tr>. Dentro de <tr>, encontram-se <th> (em <thead>, por vezes em <tbody> ou <tfoot>) ou <td> (em <tbody> e <tfoot>, por vezes em <thead>).

Exemplo de estrutura básica:

<table>
  <caption>
    Lista de produtos
  </caption>
  <thead>
    <tr>
      <th>Nome</th>
      <th>Preço</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Produto 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Produto 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Total: 250</td>
    </tr>
  </tfoot>
</table>