Como inserir cabeçalho de tabela HTML?

Como inserir cabeçalho de tabela HTML?

Existem vários métodos para representar dados, como gráficos, gráficos, tabelas e muito mais. Mas o método mais comum, compreensível e gerenciável é adicionar uma tabela em uma página da web. A tabela economiza tempo e espaço. Além disso, organiza os dados em linhas e colunas.

O resultado de aprendizado deste guia é:

  • Quais são os títulos da tabela?
  • Como criar tabela de cabeçalho horizontal em html?
  • Como criar tabela de cabeçalho vertical em html?

Quais são os títulos da tabela?

Os títulos em uma tabela representam o tipo de dados contidos na linha ou coluna. Os títulos podem ser definidos horizontalmente ou verticalmente em uma mesa. Mais especificamente, o “”A tag adiciona títulos à tabela.

Como criar tabela de cabeçalho horizontal em html?

Como sabemos, uma tabela compreende títulos, linhas e colunas. Da mesma forma, em html, você pode fazer tabelas usando o

tag, linhas com o tag e colunas com o
marcação.

Para criar uma tabela de cabeçalho horizontal no arquivo HTML:

  • Adicione a marcação.
  • Dentro desta tag, coloque uma tag para dar/definir uma legenda para a tabela.
  • Para fazer uma linha de mesa para os títulos, adicione
  • tags dentro das quais adicionar
    Tags para especificar os títulos.
  • Da mesma forma, adicione
  • Tags para adicionar linhas de dados.

    Html























    Detalhes do curso dos alunos
    NomeNome do paiCurso
    JohnMadeiraFundamentos de Java
    WilliamJamesIntrodução a c++
    BenSmithSistemas de computação humana

    A imagem abaixo mostra que uma tabela é criada com sucesso:

    Vamos aplicar estilos à mesa criada acima com CSS.

    Tabela de estilos, elementos TD

    Table, th, td
    Size da fonte: 24px;
    fronteira: 4px Solid #379237;
    margem: automático;
    preenchimento: 4px;
    largura: 60%;
    Size da fonte: 25px;
    Background-Color: #38E54D;

    O

    ,
    , e As tags são estilizadas com as propriedades descritas abaixo:

    • ““tamanho da fonte”Propriedade define o tamanho da fonte para 24px.
    • ““fronteira”Propriedade define uma borda ao redor da mesa com uma largura de linha de 4px, estilo de linha sólida e cor nº 379237.
    • ““margem”A propriedade é definida como“auto”, O que significa espaços iguais para todos os lados do elemento.
    • ““preenchimento”Propriedade com o valor de“4px”Adiciona espaço de 4px a todos os lados do conteúdo dentro da mesa.
    • ““largura”Propriedade define 60% de largura da tabela.
    • ““tamanho da fonte”A propriedade define/ajusta o tamanho da fonte para 25px.
    • ““cor de fundo”Propriedade aplica a cor nº 38E54D no fundo da tabela.

    Saída

    Como criar tabela de cabeçalho vertical em html?

    Primeiro, crie uma tabela usando o

    marcação. Dentro desta tag, inclua uma tag para o título. Depois disso, para criar a primeira linha, adicione um tag e depois vários tags e
    tags para dados. Da mesma forma, adicione múltiplos
    Tags da mesma maneira:





















    Detalhes do curso dos alunos
    NomeJohnWilliamBen
    Nome do paiSmithMadeiraJames
    CursoFundamentos de JavaIntrodução a c++Sistemas de computação humana

    Pode -se observar que os títulos estão no formato vertical:

    É assim que você pode inserir um cabeçalho de tabela HTML em uma tabela.

    Conclusão

    Os títulos de dados são muito necessários para qualquer documento, pois representam o tópico dos dados contidos em uma coluna ou linha específica da tabela. Em html, o

    As tags em uma tabela são utilizadas para adicionar títulos à tabela. Após a criação da página HTML, várias propriedades são utilizadas para estilizar a tabela. Este artigo explicou o HTML tag com um exemplo.