Página Inicial>Tutorial de web design>Tutorial HTML

10 tags relacionadas à mesa para HTML

Autor：Eve Cole Data da Última Atualização：2025-05-06 09:00:03

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 de uma 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:

  • <geption> Defina o título da tabela (4, 5)
  • <col> Defina atributos para colunas de uma tabela (4, 5)
  • <Colgroup> Define o agrupamento de colunas de tabela (4, 5)
  • <tabela> Defina a tabela (4, 5)
  • <Tbody> Defina o corpo da mesa (4, 5)
  • <Td> Defina uma célula (4, 5)
  • <TFOOT> Defina a nota da tabela (inferior) (4, 5)
  • <th> Defina o cabeçalho da tabela (4, 5)
  • <head> define o cabeçalho da tabela (4, 5)
  • <tr> define as linhas da tabela (4, 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 é:

  1. <tabela>
  2. <geption>
  3. <head>
  4. <TFOOT>
  5. <Tbody>

Você também pode usar o <Col> e <Colgroup> para definir colunas de tabelas ou colunas de grupo:

  1. <tabela>
  2. <geption>
  3. <Colgroup>
  4. <Col>
  5. <head>
  6. <TFOOT>
  7. <Tbody>

Aqui está um exemplo correto da estrutura da tabela:

Copie o código

Artigos Relacionados