A linguagem de marcação de hipertexto também conhecida como HTML, é usada para criar aplicativos da Web. Tags HTML, comumente conhecidas como elementos, são o aspecto mais importante da linguagem HTML. Tags html incorporam e exibem conteúdo ou informações nas páginas da web. Existem dois tipos de tags html: tags vazias e contêineres.

Este blog orientará como trabalhar com tags vazias e contêineres em HTML.

Tags vazias

As tags vazias também são conhecidas como “Singleton" ou "vazio" Tag. A tag void nunca contém nenhum conteúdo, mas os atributos podem ser especificados. Essas tags não têm uma etiqueta final e podem conter uma barra de barragem na tag. Os exemplos de tags vazios são “
", "", "", "", "", "", "", e muitos mais.

Sintaxe

A sintaxe para mencionar os elementos vazios no HTML é o seguinte:

Para ver como trabalhar com tags vazias, confira o exemplo abaixo. O "
”A tag é conhecida como etiqueta de quebra de linha e é usada para quebrar a linha:

Tags vazias html
A etiqueta de quebra de linha

A saída indica que o “
”Tag quebrou a linha:

Podemos adicionar propriedades de estilo CSS às tags html. O "

---

”A tag é outro elemento vazio que adiciona uma linha horizontal à página:

Tags vazias html

---

A etiqueta de quebra de linha

O "Border-top”A propriedade CSS é aplicada ao“

---

”Com três valores, um é a largura da borda que é igual a“3px", O estilo de fronteira é definido como"tracejadasE cor de borda.

Saída

Até agora, discutimos as tags vazias html. Agora, passaremos por tags de contêiner HTML na próxima seção.

Tags de contêiner

As tags de contêiner HTML consistem em três partes: tags de partida, conteúdo e tags finais. A sintaxe da etiqueta de contêiner HTML é fornecida da seguinte forma:

Contente

Confira os exemplos abaixo para saber como a tag de contêiner funciona em html.

Exemplo 1: Como adicionar um parágrafo em html?

O "

Esta é uma etiqueta de parágrafo

Saída

Exemplo 2: Como adicionar títulos em HTML?

Existem seis níveis de tags de contêiner de título que podem ser usados ​​para adicionar títulos a uma página da web. Vamos colocá -los em um documento HTML para ver como eles funcionam e olhar em uma página da web:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Saída

Podemos fornecer o estilo em linha a essas tags. Considere o exemplo abaixo, que mostra como aplicar várias propriedades de estilo CSS a essas tags:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Aqui está a explicação das propriedades acima declaradas:

• O "cor de fundo”A propriedade adiciona cor ao fundo do elemento.
• ““família de fontes”Propriedade ajusta o estilo da fonte do elemento.
• ““alinhamento de texto”A propriedade ajusta o posicionamento ou alinhamento do texto.

Saída

Mostramos como usar as tags vazias e de contêiner do HTML.

Conclusão

As tags vazias e as tags de contêiner são os principais componentes dos documentos HTML que incorporam o conteúdo e as informações em uma página da web. As tags vazias não contêm nenhum conteúdo e consistem apenas na tag de início com uma barra de barra no final, como
. No entanto, as tags de contêiner contêm as tags iniciais e finais junto com o conteúdo. Este blog elaborou o funcionamento de elementos vazios e de contêineres em HTML.