HTML5 apresentou o “”Tag que pode ser utilizada para representar um componente específico independente em qualquer documento, aplicativo ou site. Este componente HTML pode ser reutilizável e distributivo, como em um post do fórum, uma revista, uma postagem no blog e mais.

Este estudo lhe ensinará sobre a tag html. Então vamos!

O que é tag html?

O elemento e o elemento funcionam da mesma forma em termos de funcionalidade, estilo e exibição. No entanto, a tag em um documento fornece mais informações semânticas para mecanismos de pesquisa e leitores de tela. Além disso, um arquivo HTML contém várias tags que podem ser aninhadas.

Como usar a tag html?

Para usar a tag HTML, siga a sintaxe abaixo:

Aqui, "”É a tag de partida e“”É a etiqueta final.

Vamos passar por um exemplo para demonstrar o uso de tags.

Exemplo: Usando tag em html

Em HTML, primeiro, adicione uma tag com uma classe chamada “All-OS" e a

para o cabeçalho. Em seguida, adicione outra tag com uma classe chamada “OS”. Dentro desta tag, especifique o

para o cabeçalho e

para um parágrafo. Depois disso, inclua as duas tags aninhadas com

e

Tags da seguinte maneira:

Sistemas operacionais mais populares

janelas

Windows é um grupo de múltiplos sistemas operacionais gráficos proprietários. É desenvolvido e comercializado pela Microsoft.

Linux

Linux é um sistema operacional de código aberto baseado no kernel Linux. Normalmente é embalado como uma distribuição Linux.

Mac OS

MacOS é um sistema operacional UNIX desenvolvido e comercializado pela Apple Inc. É conhecido como o principal sistema operacional dos computadores Mac da Apple.

A próxima seção descreverá os estilos CSS aplicados aos elementos HTML acima mencionados.

Estilo All-OS Div

.All-OS
margem: 0;
preenchimento: 5px;
cor de fundo: RGB (155, 155, 155);

A div com o nome da classe “All-OS”É estilizado assim:

• • ““.all_os”É usado para acessar o relacionado .
  • ““margem”A propriedade é utilizada para adicionar espaço ao redor do elemento div.
  • ““preenchimento”Propriedade adiciona espaço em torno do conteúdo do elemento div.
  • ““cor de fundo”Está definido para aplicar a cor de fundo do elemento div.

Estilo os div

.os
margem: 10px;
preenchimento: 5px;
Antecedentes: Branco;

Aplique estilos ao próximo chamado “OS”. A descrição das propriedades é dada abaixo:

• • ““.OS”Acesse o nome OS.
  • ““margem”Propriedade adiciona um espaço de 10px em torno da div em.
  • ““preenchimento”A propriedade adiciona um espaço de 5px em torno do conteúdo do elemento div.
  • ““cor de fundo”Propriedade define a cor de fundo do elemento div.

Depois de fornecer as propriedades de estilo CSS para as tags acima, o parágrafo é estilizado definindo as propriedades, conforme mencionado abaixo.

Estilo P Elemento

P
margem: 3px;
Size da fonte: 15px;

As seguintes propriedades são aplicadas ao

elemento:

• • ““margem”A propriedade adiciona espaço de 3px em torno do conteúdo do elemento.
  • ““tamanho da fonte”Propriedade define o tamanho da fonte de texto como 15px.

Salve o código adicionado e abra o arquivo em seu navegador. O resultado será exibido como mostrado abaixo:

O documento acima fornecido pode ter vários artigos, e a explicação relacionada a cada sistema operacional está contida na tag. Além disso, um artigo é exibido um após o outro enquanto a tela rola.

É assim que podemos criar postagens de blog, postagens de fórum e documentos semelhantes a revistas usando a tag html.

Conclusão

Como sabemos, escritores ou blogueiros de artigos escrevem o documento, tendo em mente o conceito central do tópico. Da mesma forma, no HTML, as tags são usadas para mencionar conteúdo totalmente contido e independente. Além disso, pode haver uma ou mais tags em um arquivo html, que pode ser aninhado. Este estudo explicou o uso de tag com um exemplo.