HTML: organizando dados em linhas e colunas

A estrutura começa com table, e dentro dela as linhas são criadas com tr, enquanto as células de dados usam td.

<table>
  <thead>
    <tr>
      <th>Linguagem</th>
      <th>Nível</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>HTML</td>
      <td>Básico</td>
    </tr>
    <tr>
      <td>CSS</td>
      <td>Básico</td>
    </tr>
  </tbody>
</table>

A tabela também pode ser dividida em partes:

• thead — cabeçalho;
• tbody — corpo;
• tfoot — rodapé.

E quando uma célula precisa ocupar mais de uma coluna, existe o atributo colspan:

<tr>
  <td colspan="2">Observação geral</td>
</tr>

É uma estrutura simples, mas que resolve muito bem qualquer conteúdo que precise ser lido em linhas e colunas, desde uma tabela de preços até um comparativo de produtos.