Aprendendo a criar tabelas

Criamos uma tabela usando as tags <table> e <table>. Além disso, as seguinte tags são usadas para estruturar uma tabela:

• Table Header - <th>: Indica uma célula de cabeçalho da tabela;
• Table Row - <tr>: Linha da tabela;
• Table Data - <td>: É a "coluna" da tabela, no entanto, dizemos que as linhas de uma tabela possuem dados.

O fechamento das tags tr e td são opcionais no HTML 5, mas é uma boa prática de organização manter os fechamentos.

O HTML possui algumas tags semânticas para a contrução de tabelas, tabela02.html. Para ver funcionamento da mesclagem de células, veja tabela03.html.

A estilização das colunas de uma tabela é mais complicada do que a estilização de linhas, a página tabela04.html ilustra isso. Já o ajuste do comprimento da tabela pode ser visto na página tabela5.html. Um exemplo da aplicação de tudo isso pode ser visto na tabela06.html.