Tag principal HTML

Tag principal HTML
Existem três partes de qualquer site: cabeçalho, corpo e rodapé. Dentro dessas partes, outros elementos HTML são utilizados, como títulos, imagens, parágrafos e mais. Mais especificamente, para envolver o conteúdo principal da página da web, a tag HTML é usada, que é introduzida no HTML5.

Este artigo discutirá o HTML “" marcação. Então, vamos começar!

O que é tag html?

A tag html consiste no conteúdo principal do documento, que se refere ao conceito central da página da web. Exclui qualquer barra de navegação, cabeçalho, rodapé e muito mais. Além disso, apenas uma etiqueta principal é usada em qualquer documento. Se houver mais de um elemento principal em um arquivo html, outros devem ser ocultos simultaneamente.

Como usar a tag html?

Para usar a tag HTML, siga o procedimento abaixo do ritmo:

No código acima, o elemento principal é representado pela tag de partida e tag de fechamento.

Exemplo: como inserir tag em html?

No arquivo html, dentro da etiqueta corporal, adicione um “”Tag que inclui o

Tag para o cabeçalho. Depois disso, adicione a tag, que compreende duas tags adicionais,

e

, para o cabeçalho e parágrafo, respectivamente. Para adicionar mais conteúdo, usaremos as tags da mesma forma.

Aqui está o código para o cenário discutido:


Sistema operacional



janelas


Windows é um grupo de vários sistemas operacionais gráficos desenvolvidos pela Microsoft.




Linux


Linux é um sistema operacional de código aberto baseado no kernel Linux.




Mac OS


MacOS é um sistema operacional UNIX desenvolvido pela Apple Inc.



Ao fornecer o código acima, a página da web ficará assim:

Observação: A tag principal consiste apenas no tópico central do documento. Um documento não deve incluir mais de uma etiqueta. Além disso, usando a tag principal como um elemento filho não é permitido.

Vamos aplicar propriedades CSS aos elementos HTML codificados acima.

Elemento principal de estilo

principal
margem: 0;
preenchimento: 6px;
Background-Color: #00ABB3;

A tag HTML usada na página HTML acima é estilizada com as seguintes propriedades:

  • ““margem”A propriedade é utilizada para o cenário do espaço ao redor do elemento.
  • ““preenchimento”A propriedade é utilizada para adicionar espaço em torno do conteúdo do elemento.
  • ““cor de fundo”Propriedade especifica a cor do fundo do elemento.

Estilo H1, H2, P Elementos da Div Main

Principal> H1,
H2,
p,
.os
margem: 15px;
preenchimento: 3px;

O "Principal> H1, H2, P”Significa os elementos filhos H1, H2 e P da tag principal, na qual aplicamos as mesmas propriedades.

Estilo os div

.os
Antecedentes: Branco;

O ".OS”É utilizado para acessar a div com a classe chamada“OS”. Neste recipiente, a cor do fundo é especificada como “branco”.

Estilo H2 e P Elementos de OS div

.OS> H2,
P
margem: 4px;

O ".OS> H2, P”Significa que os elementos filhos H2 e P do elemento div têm o mesmo valor de margem.

Aqui está a saída:

É isso! Discutimos qual é a tag e como ela deve ser utilizada em html.

Conclusão

Html5 apresenta o “”Tag, que consiste apenas no conteúdo dominante da página da web. Não inclui elementos repetidos, como barras de navegação, barras de slides, informações de direitos autorais e muito mais. A seção corporal do documento HTML deve manter apenas uma etiqueta. Este artigo demonstrou a tag e seu uso em html.