Como Usar Tabelas em HTML5 para Iniciantes

Entre as diversas ferramentas disponíveis no HTML5, as tabelas são uma das mais úteis confira Como Criar Tabelas com HTML5.

O que são tabelas em HTML5?

Tabelas são elementos utilizados para exibir dados em formato de linhas e colunas. Elas são muito úteis para apresentar informações de forma organizada e estruturada em uma página web.

Como criar uma tabela em HTML5?

As tabelas em HTML5 são criadas utilizando a tag <table>, que é uma das mais importantes para a criação de sites em HTML.

<table>         <tr>                <td>Célula 1</td>                <td>Célula 2</td>          </tr>         <tr>                <td>Célula 3</td>                <td>Célula 4</td>         </tr>  </table>

Atributos comuns em tabelas em HTML5

colspan: define o número de colunas que uma célula irá ocupar. rowspan: define o número de linhas que uma célula irá ocupar. header: define a célula que irá servir como cabeçalho da tabela. align: define a posição horizontal das células (esquerda, centro ou direita). valign: define a posição vertical das células (topo, meio ou base).

Como estilizar uma tabela em HTML5?

É possível alterar a cor de fundo das células, definir bordas, ajustar a largura das colunas, entre outras personalizações utlizando o CSS.

Pratique!

Para realmente aprender este e outros conceitos é importante sempre praticar!

Aprenda mais sobre Tabelas em HTML5!

Confira nosso artigo completo sobre o assunto clicando abaixo!