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.