Como usar table no HTML para criar tabelas completas
As tables ou tabelas são elementos HTML muito utilizados em páginas web para apresentar dados de uma maneira mais clara, facilitando a leitura e entendimento.
Antigamente, até o layout das páginas eram feitos com tabelas (isso ainda pode ser feito tecnicamente), mas não é uma boa prática, pois hoje temos recursos CSS como GRID e Flexbox que são próprios para essa finalidade, então não faça layout com tabela, apenas apresente dados.
A tabela a seguir é um exemplo de como usar o table do HTML para criar esses elementos em suas páginas. Vamos analisar os recursos da tabela e o código-fonte.
Antes de analisar o código da nossa table, é importante que você conheça o básico para iniciar. Abra seu editor de código favorito, crie uma estrutura básica HTML e coloque o código a seguir no corpo <body>:
1 2 3 4 5 6 7 8 9 10 11 12 | <table> <tr> <td>conteúdo da célula</td> <td>conteúdo da célula</td> <td>conteúdo da célula</td> </tr> <tr> <td>conteúdo da célula</td> <td>conteúdo da célula</td> <td>conteúdo da célula</td> </tr></table> |
Depois coloque o código CSS a seguir de…
Gostando deste post? Acesse o conteúdo completo e original sobre “Como usar table no HTML para criar tabelas completas” no site oficial do Aylton Inacio.
Comentários
Postar um comentário