Tabelas em HTML 5

Tabelas

Uma tabela é um conjunto de dados estruturados composto por linhas e colunas. Uma tabela permite consultar de forma rápida e fácil valores que indicam algum tipo de conexão entre diferentes tipos de dados, por exemplo, uma pessoa e sua idade.

Definindo uma tabela em HTML

A tag <table> define uma tabela.

A tag <th> define uma célula de cabeçalho em uma tabela.

A tag <tr> define uma linha dentro da tabela.

A tag <td> define uma célula em uma tabela.

A tag <caption> define a legenda da tabela, caso precise.

A tag <colgroup> especifica um grupo de uma ou mais colunas em uma tabela, ideal para formatação.

A tag <col> especifica as propriedades da coluna para cada coluna em um elemento <colgroup>.

A tag <thead> agrupa o conteúdo de cabeçalho em uma tabela.

A tag <tbody> agrupa o conteúdo do corpo em uma tabela.

A tag <tfoot> agrupa o conteúdo do rodapé em uma tabela.


Vamos ver um exemplo de tabela bem simples:


Primeiro nome Sobrenome Idade
Sara Galvão 50
Julio Bueno 24
Manoel Tiririca 30

Por padrão, textos em <th> são centralizados, já os textos em <td> são alinhados à esquerda.


Bom pessoal o assunto sobre tabelas e bem extenso, deixo os links w3schools e mozilla para aprofundar sobre o assunto.