Uma página da web é composta de inúmeras tags, incluindo

,

, , , , , e muitos mais. Esses tipos de tags são usados ​​para criar diferentes tipos de conteúdo, como títulos, parágrafos e divs. Por exemplo,

Tags são usadas para criar títulos,

Tags para criar parágrafos e tags para criar um contêiner embutido.

Neste manual, falaremos especificamente sobre o “" marcação. Então vamos começar!

Tag html

Os vãos HTML são contêineres embutidos usados ​​para conter elementos embutidos. Os elementos embutidos são agrupados com a etiqueta de extensão, que não muda sua aparência visual. Em HTML, você pode usar o “”Tag para criar um elemento de span. É obrigatório fechar a etiqueta de extensão, pois é uma etiqueta emparelhada com tags de abertura e fechamento.

Sintaxe

A sintaxe da tag é dada abaixo:

Algum texto

Você pode adicionar o texto dentro e as tags.

Vamos passar para o exemplo para onde usaremos o “”Tag para criar um elemento de span.

Exemplo: Criando um elemento de span

No HTML, criaremos uma div e adicionaremos um título usando o

marcação. Depois disso, criaremos um elemento de span usando o “”Tag e adicione o texto necessário a ele.

Html

O que é tag de span

Esta é uma tag de extensão

Usando o código acima, a seguinte saída é obtida:

Agora, estilize o contêiner criado usando o “div”. Aqui, definiremos a altura da div como “200px”E a cor de fundo da div como“RGB (240, 195, 195)”. Depois disso, defina a fronteira da largura da div como “4px", Estilo como"sulco", e cor "RGB (53, 1, 10)”.

CSS

div
Altura: 200px;
Background-Color: RGB (240, 195, 195);
borda: ranhura de 4px RGB (53, 1, 10);

Em seguida, use “período”Para acessar o elemento de span e definir a cor do período como“RGB (35, 243, 63)”:

período
Antecedentes: RGB (35, 243, 63);

Na imagem abaixo fornecida, você pode ver que o elemento de span é estilizado:

Dica de bônus: estilo em linha do elemento de span

Você também pode estilizar o elemento de span especificamente usando o estilo em linha. Para fazer isso, use “estilo”Dentro da abertura“<”Suporte e defina a cor do elemento de span como“RGB (0, 17, 255)”E feche o suporte de partida como“>”:

O que é tag de span

Esta é uma tag de extensão

Usando o código acima, a seguinte saída é obtida:

É isso! Nós explicamos a tag de extensão.

Conclusão

Em HTML, o “”A tag é usada para criar um contêiner de extensão. É um recipiente embutido usado para conteúdo de textura e para fins de estilo. Você pode estilizar o elemento Span no CSS externo e no CSS em linha. Neste manual, discutimos a tag e fornecemos um exemplo para criar e estilizar elemento de span para o seu melhor entendimento.