Tabelas HTML

 1. Utilização de Tabelas: 

A estrutura para definição tabulares não deve ser utilizada para layout de páginas.
Tabelas são estruturas simétricas que contem linhas e colunas. Segue abaixo o conjunto de marcações essenciais para desenhar tabelas em HTML. Alguns atributos podem ser definidos para cada uma dessas marcações.

a. table;

<TABLE></TABLE>

Toda tabela deve ser iniciada com a marcação <table> e encerrada com </table>.
ATENÇÃO: Dessa forma a tabela vai aparecer sem bordas, mas dividindo linhas e células.
Para que a tabela apareça com bordas simples, defina dessa forma <table border></table>.
Antes e depois de uma tabela, acontece sempre uma quebra de linha.

i. tr, td, th;

• <TR></TR>
Cada linha de uma tabela deve sempre aparecer entre as marcações <tr> e </tr>. (TR = Table Row)

• <TD></TD>
Para a divisão em células das linhas. As células de uma tabela devem sempre aparecer entre as marcações de linhas (<tr> e </tr>). Como padrão, o texto nas células é alinhado a esquerda.

• <TH></TH>
Usado para definir células que representam cabeçalhos. Desta forma são definidos os títulos de uma tabela. Estes podem ser posicionados em qualquer célula. A diferença entre a marcação de célula e título de célula é que o título aparece em negrito.

Exemplo:

ii. caption;

Legenda da tabela (permitido somente uma legenda por tabela)

iii. thead, tfoot, tbody.

• <THEAD></THEAD>
É utilizado para agrupar o cabeçalho de uma tabela.

• <TFOOT></TFOOT>
É utilizado para agrupar o rodapé de uma tabela.

• <TBODY></TBODY>
É utilizado para agrupar o conteúdo geral (corpo) de uma tabela.