Enquanto desenvolve um site, é necessário colocar elementos de maneira organizada, especificamente ao criar um componente que contém texto adicional. No outro caso, se o texto for desorganizado, causará problemas de legibilidade. Para evitar esse problema, o HTML oferece uma tag que pode ser utilizada para o propósito especificado.

Este manual fornecerá um guia sobre o elemento HTML. Então vamos começar!

Antes de entrar na discussão relacionada ao assunto do artigo, vamos ver um exemplo demonstrando o elemento sem usar uma tag de resumo.

Como o elemento exibe conteúdo sem o elemento?

No exemplo a seguir, exibiremos o conteúdo usando o “detalhes”Tag sem o elemento resumido:

Esta é uma explicação detalhada.

Por padrão, o elemento exibe um detalhe do cabeçalho que não é significativo por si só:

Na saída acima, pode -se observar como o elemento de detalhes funciona sem o elemento HTML.

Na próxima seção, o uso adequado da tag html será discutido.

O que é tag html?

Em HTML, o “”O elemento é utilizado dentro do elemento para especificar um título. Este cabeçalho é clicável para ver ou ocultar os detalhes.

Sintaxe

contente…

Detalhes do conteúdo…

Abaixo está a descrição da sintaxe acima mencionada:

• • ““”Elemento especifica as informações adicionais.
  • ““”O elemento especifica um título visível que é clicado para ver ou ocultar os detalhes.

Agora, siga em direção ao seguinte exemplo.

Exemplo: como adicionar tag em html?

Em HTML, primeiro, adicione um elemento div com o nome da classe “Perguntas frequentes”. Então, adicione

elemento para adicionar um título na página da web. Depois disso, coloque a tag, que contém as informações detalhadas. Dentro deste elemento, o elemento é utilizado para especificar o título. Vamos adicionar mais dois “detalhes”Elementos da mesma forma.

Html

Perguntas frequentes

Como posso comprar qualquer produto?

Você pode obter o produto simplesmente clicando no botão Adicionar ao carrinho e prosseguir com o pagamento.

Quanto tempo dura a entrega?

Você pode receber seu produto em dois a três dias úteis.

Você aceita dinheiro na entrega?

Sim.

CSS

No CSS, os elementos HTML são fornecidos com diferentes propriedades de estilo.

Estilo todos os elementos

*
Fonte-família: Verdana, Genebra, Tahoma, Sans-Serif;

O trecho de código acima representa que o “família de fontes”Com o valor Verdana, Genebra, Tahoma, Sans-Serif é aplicado a todos os elementos. Além disso, a lista de estilos de fontes é utilizada para a finalidade de que, se o navegador não suportar o primeiro, ele aplicará o segundo e assim por diante.

Perguntas frequentes de estilo div

.Perguntas frequentes
Largura: 500px;
Altura: 300px;
margem: 0 automático;
preenchimento: 20px;
Background-Color: #B73E3E;
Cursor: Ponteiro;
Cor: Ghostwhite;
Size da fonte: 15px;

As propriedades a seguir são aplicadas ao elemento com o nome da classe “Perguntas frequentes:

• • ““largura”A propriedade é utilizada para o cenário da largura do elemento.
  • ““altura”A propriedade é utilizada para o cenário da altura do elemento.
  • ““margem”Propriedade com valor“0 Auto”Indica o espaço de 0px na parte superior e inferior e no espaço igual no lado esquerdo e direito do elemento div.
  • ““preenchimento”Propriedade com um valor de“20px”Produz espaço de 20px em torno do conteúdo do elemento div.
  • ““cor de fundo”A propriedade é utilizada para o cenário do fundo do elemento.
  • ““cursorPonteiro exibe o mouse como uma mão com um dedo apontador.
  • ““cor”Propriedade define a cor da fonte para Ghostwhite.
  • ““tamanho da fonte”A propriedade ajusta o tamanho da fonte a 15px.

Estilo h1 elemento de perguntas frequentes

.Perguntas frequentes H1
Cor: #ffe4bb;
Decoração de texto: sublinhado 2px WAVY;

O ".Perguntas frequentes H1Ӄ referido para o

Tag of FAQs Div. A explicação das propriedades aplicadas é descrita abaixo:

• • ““cor”Propriedade define a cor da fonte.
  • ““decoração de texto”A propriedade está definida com o valor“Subline 2px ondulado”Onde o sublinhado é a propriedade de decoração de texto, 2px é a largura da linha e ondas é o estilo.

Detalhes do estilo elemento

detalhes
preenchimento: 5px;

O elemento é aplicado com o “preenchimento”Propriedade que aplica espaço em torno do conteúdo do elemento div.

Elemento de resumo do estilo

resumo
preenchimento: 6px;
Size da fonte: 20px;
Cor: Whitesmoke;

O elemento é aplicado com estilos CSS que são descritos abaixo:

• • ““preenchimento”Propriedade com valor“6px”Produza espaço em torno do conteúdo do elemento de resumo.
  • ““tamanho da fonte”Propriedade define o tamanho da fonte.
  • ““cor”A propriedade aplica a“fumaça branca”Cor para a fonte.

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

Pode -se observar que um resumo de cada um dos pontos dados foi associado a ele.

Conclusão

HTML nos permite usar o “”Elemento que exibe o cabeçalho que pode visualizar ou ocultar os detalhes ao clicar. Este elemento HTML pode ser utilizado para organizar o conteúdo e aumentar o conteúdo geral da página da web. Este artigo demonstrou com sucesso o que é uma tag de resumo HTML e como ela pode ser inserida em um arquivo html.