Com base em algumas das minhas práticas recentes e depois de me comunicar com alguns leitores sobre o uso de formulários HTML, decidi escrever este artigo. No geral, notei que eles tiveram um desgosto preconcebido com o uso de tabelas devido a informações enganosas. De fato, muitas pessoas dirão que vejo a afirmação de que nunca deveria usar formas, mas isso está absolutamente errado! Essa sugestão é apenas para o uso de tabelas HTML para definir o layout da página da web, mas as tabelas são perfeitas para um arranjo conveniente de linhas e colunas de informações de dados e, se você precisar exibir dados da coluna da tabela em uma página, precisará usá -los! por que não? No entanto, neste caso, algumas pessoas ignoram a existência de certas tags HTML usadas para tabelas e não sabem como usá -las corretamente.
O HTML possui 10 tags relacionadas à tabela. Aqui está uma lista com uma introdução, mas primeiro, o documento deve ser definido corretamente abaixo do HTML 4.01/xhtml 1 ou html 5:
Uma estrutura básica da tabela é a seguinte:
Ele contém um título, cabeça, corpo e fundo. A ordem correta dos elementos HTML é:
Você também pode usar o <Col> e <Colgroup> para definir colunas de tabelas ou colunas de grupo:
Aqui está um exemplo correto da estrutura da tabela:
<borda da tabela = 1> <Eingtion> Legenda da tabela aqui </ingortion> <span de colegroup = 1 style = background: #dedede;/> <span de colgroup = 2 style = background: #efefef;/> <!-cabeçalho da tabela-> <! Footer-> <tfOOT> <tr> <td> pé 1 </td> <td> pé 2 </td> <td> pé 3 </td> </tfoot> <!-Body-> <tbody> <tr> <td> a </td> <td> b </td> <td> c </td> </tr> <tr> <td> d </td> <td> e </td> <td> f </td> </tr> </tbody> </tabela
Os resultados no navegador são mostrados na figura abaixo:
Para realizar o modelo de desenvolvimento de desempenho e separação de estrutura defendidas até agora, a observação do front-end recomenda que todas as coisas relacionadas à camada de apresentação na página sejam controladas pelo CSS e não usem os atributos fornecidos pelo HTML para controlar o desempenho da página e a tabela é a mais fácil de ser ignorada.
Para mais detalhes sobre tabelas, verifique a documentação do W3C: W3 Introdução às tabelas
Finalmente, deixarei uma pergunta muito simples para você. Qual atributo do CSS é equivalente ao atributo CellPadding da tabela?