HTML5 - Tabelas (parte 1)

 

 

Usando tabelas

Para que servem tabelas?

Tabelas são utilizadas para representar dados tabulares.

O que são dados tabulares?

São dados em formato de tabela

Tags Básicas

• <table> começa e termina uma tabela. Evidente.
• <tr> significa "table row" - linha de tabela - começa e termina e uma linha horizontal da tabela. Também evidente.
• <td> significa "table data" - dados da tabela. começa e termina cada célula contida nas linhas da tabela. Tudo simples e evidente.

 

 

Definido bordas

Nossa tabela mostra os dados de forma tabulada, mas onde estão as linhas (bordas) da tabela? Para mostrar as bordas de nossa tabela configuramos o parâmetro border para 1.

Título da tabela

Cabeçalho da tabela

 

Melhorando o cabeçalho

Rodapé

Corpo da tabela

Observamos que nossa tabela possui cabeçalho (<thead>) e rodapé (<tfoot>).
O restante da tabela é o corpo e deve estar dentro da tag <tbody>.

Referências

• http://www.w3schools.com/html/html_tables.asp
• http://www.clem.ufba.br/tuts/html/c09.htm
• http://www.htmlprogressivo.net/p/tabelas-em-html.html