Tag do artigo HTML

Tag Do Artigo Html



O HTML5 introduziu o “ ” que pode ser utilizada para representar um componente autocontido específico em qualquer documento, aplicativo ou site. Esse componente HTML pode ser reutilizável e distributivo, como em uma postagem de fórum, revista, postagem de blog e muito mais.

Este estudo irá ensiná-lo sobre a tag HTML

. Então vamos!







O que é a tag HTML
?

O elemento

e o elemento
funcionam de maneira semelhante 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:



< artigo > artigo >


Aqui, ' ” é a marca inicial e “ ” é a tag final.





Vejamos um exemplo para demonstrar o uso da tag

.

Exemplo: Usando a tag

em HTML



Em HTML, primeiro adicione uma tag

com uma classe chamada “ todos os sistemas operacionais ” e o

para o título. Em seguida, adicione outra tag
com uma classe chamada “ os ”. Dentro desta tag
, especifique

para o título e

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

aninhadas com as tags

e

da seguinte forma:

< artigo classe = 'all-OS' >
< h1 > Sistemas operacionais mais populares h1 >
< artigo classe = 'os' >
< h2 > janelas h2 >
< p > O Windows é um grupo de vários sistemas operacionais gráficos proprietários. É desenvolvido e comercializado pela Microsoft. p >
artigo >
< artigo classe = 'os' >
< h2 > Linux h2 >
< p > O Linux é um sistema operacional de código aberto baseado no kernel do Linux. É  normalmente embalado Como uma distribuição Linux. p >
artigo >
< artigo classe = 'os' >
< h2 > Mac OS h2 >
< p > macOS é um sistema operacional Unix desenvolvido e comercializado pela Apple Inc. É conhecido Como o sistema operacional principal por Maçã computadores Mac de.




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



Estilo all-OS div

.all-OS {
margem: 0 ;
preenchimento: 5px;
cor de fundo: rgb ( 155 , 155 , 155 ) ;
}


O div com o nome da classe “ todos os sistemas operacionais ” é estilizado assim:

    • .all_OS ” é usado para acessar o
      relacionado.
    • margem ” é utilizada para adicionar espaço ao redor do elemento div.
    • preenchimento ” adiciona espaço ao redor do conteúdo do elemento div.
    • cor de fundo ” é definido para aplicar a cor de fundo do elemento div.

Estilo do div

.os {
margem: 10px;
preenchimento: 5px;
fundo: branco;
}


Aplique estilos ao próximo

chamado “ os ”. A descrição das propriedades é dada abaixo:

    • .os ” acesse o
      com o nome os.
    • margem ” adiciona um espaço de 10px ao redor do div.
    • preenchimento ” adiciona um espaço de 5px ao redor do conteúdo do elemento div.
    • cor de fundo ” 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;
tamanho da fonte: 15px;
}


As seguintes propriedades são aplicadas ao elemento

:

    • margem ” adiciona 3px de espaço ao redor do conteúdo do elemento.
    • tamanho da fonte ” define o tamanho da fonte do texto como 15px.

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


O documento fornecido acima 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

.

como ler a entrada do usuário em c

Conclusão

Como sabemos, os escritores de artigos ou blogueiros escrevem o documento tendo em mente o conceito central do tópico. Da mesma forma, em HTML, as tags

são usadas para mencionar o conteúdo totalmente contido e independente. Além disso, pode haver uma ou mais tags
em um arquivo HTML, que podem ser aninhadas. Este estudo explicou o uso da tag
com um exemplo.