Quando os dados pedem linhas e colunas

Tabela em HTML serve para exibir dados tabulares. Ou seja: informações que fazem sentido em linhas e colunas.

É perfeita para horários, preços, relatórios simples e listas comparativas.

Exemplo básico

Carregando...

O papel de cada tag

• <table> cria a tabela;
• <tr> representa uma linha;
• <th> representa uma célula de cabeçalho;
• <td> representa uma célula comum.

Exemplo com borda

Carregando...

Colspan e rowspan

Também é possível fazer uma célula ocupar mais de uma coluna ou mais de uma linha.

Carregando...

Um aviso importante

Tabela é para dados. Não para montar layout da página. Isso já foi moda um dia, mas também já foi moda muita coisa duvidosa.