Tabelas HTML
Como as tabelas são criadas
O HTML suporta longa lista de elementos que ajudam a executar várias tarefas. Os blocos básicos de construção de tabelas HTML são
: conhecido como cabeçalho de mesa e pode ser usado onde você deseja um elemento de cabeçalho : conhecido como dados da tabela e ocupa uma célula em uma tabela : Uma linha completa é definida usando este elemento - : define a legenda da tabela
- : As colunas podem ser agrupadas para aplicar formatação específica
- : A propriedade de uma coluna é especificada usando este elemento
- : usado para agrupar as células do cabeçalho
- : Faça um grupo de células para definir o rodapé
- : É composto por várias colunas/linhas. É usado após elemento e antes do elemento.
Como criar tabelas HTML
As tags descritas na seção acima são as principais partes interessadas na criação de tabelas HTML. Esta seção exerce essas tags em vários cenários para definir tabelas HTML:
Exemplo 1: O código escrito abaixo faz uso de
, , e Tags para definir uma tabela HTML. Tabelas HTML Nome Designação Experiência Sam Gerente 1 ano Kane Autor 6 meses
No código acima,
- a
A tag está definida
- uma tag de uma fila de mesa
é usado para definir as células da cabeça - o outro
Tags são usadas para inserir dados usando elemento - Além disso, aplicamos propriedades no estilo de fronteira em
,
, e na etiqueta de estilo. Saída:
Exemplo 2: Em contraste com o exemplo acima, usamos algumas tags extras como, e .
Tabelas HTML Linuxhint Nome Designação Idade Experiência Sam Gerente 20y 2 meses Kane Autor 30y 1 ano
O código acima é descrito como,
- O elemento é usado para praticar atributos de como span e estilo. O período se junta ao número de colunas especificadas pelo usuário (como no nosso caso, é 2).
- A cor de fundo da primeira e a segunda coluna é "bege" e "Lightsegreen", respectivamente, enquanto as colunas 3rd e 4ª teriam um fundo "Lightgreen"
- O elemento define o texto da legenda da tabela e está definido para aqui
- Duas linhas são declaradas usando
tag e cada linha contém quatro células. , , e ao lado das tags essenciais eu.e.,Saída:
A saída acima mostra que o "estilo col.
Exemplo 3: Aqui praticamos as tags
, e . Tabelas HTML Linuxhint Sr. Não Nome Designação 1 Sam Gerente 2 Kane Autor FIM
O código é descrito como,
- o estilo de fronteira de
, , e está definido como sólido
- A tag é usada para envolver a primeira linha como cabeça
- Depois disso, os dados da tabela são colocados em marcação
- Por fim, é definir a seção do rodapé da tabela
- A legenda da tabela é fornecida usando a tag
Saída:
A legenda da mesa está no topo da mesa de ,
, e é mostrado na saída.A partir dos exemplos acima mencionados, você teria aprendido a criar uma tabela HTML.
Conclusão
As tabelas HTML são possível organizar os dados de maneira apresentável. Para trabalhar com tabelas HTML, você precisa aprender a funcionalidade de várias tags HTML. Compilamos este guia para fornecer as informações básicas sobre tabelas HTML e fornecemos a lista de tags que ajudam na criação de tabelas HTML.
- o estilo de fronteira de
- uma tag de uma fila de mesa