DEV Community

loading...
Cover image for Tags HTML para utilização em textos.

Tags HTML para utilização em textos.

fabriciovaladares profile image Fabricio-valadares ・3 min read

Nesse artigo vamos ver as principais tags que usamos dentro do HTML para a formatação dos textos, então sem enrolação vamos nessa!

Tags que serão apresentadas.

<h1>h1: utilização</h1>
<h2>h2: utilização</h2>
<h3>h3: utilização</h3>
<h4>h4: utilização</h4>
<h5>h5: utilização</h5>
<h6>h6: utilização</h6>

<p>p: utilização</p>

<strong>strong: utilização</strong><br/>

<cite>cite: utilização</cite><br/>

<pre>pre: utilização</pre><br/>

<i>i: utilização</i><br/>

<u>u: utilização</u><br/>

<b>b: utilização</b><br/>

<em>em: utilização</em><br/>
Enter fullscreen mode Exit fullscreen mode

Antes de explicar cada uma das tag, quero falar primeiro da tag <br>, pois ela aparece na frente de algumas tag que vamos estudar, pois então, a tag <br/> tem o papel de quebra a linha, portanto quando você utiliza a tag ela quebra o conteúdo que esta na frente dela para linha de baixo.

Utilização da tag <h1></h1> ... <h6></h6>

<h1>h1: utilização</h1>
<h2>h2: utilização</h2>
<h3>h3: utilização</h3>
<h4>h4: utilização</h4>
<h5>h5: utilização</h5>
<h6>h6: utilização</h6>
Enter fullscreen mode Exit fullscreen mode

A tag <h1></h1> até <h6></h6> tem o papel de representa os títulos da pagina, mas dando um aviso essas tag são muitas das vezes diferenciados pelo seu tamanho, mas essas tag tem o objetivo de organizar a relação de autoridade entre os títulos e não somente ter um tamanho diferente.

Utilização da tag <p></p>

<p>p: utilização</p>
Enter fullscreen mode Exit fullscreen mode

A tag <p></p> tem o objetivo de especificar um paragrafo dentro de um texto, com certeza e uma tag que será bastante usada.

Utilização da tag <strong></strong>

<strong>strong: utilização</strong>
Enter fullscreen mode Exit fullscreen mode

A tag <strong></strong> deixa o conteúdo que esta dentro dele em negrito, mais esta tag tem o foco em dar importância para uma palavra ou frase.

Utilização da tag <cite></cite>

<cite>cite: utilização</cite>
Enter fullscreen mode Exit fullscreen mode

A tag deixa o texto que está dentro dela em itálico, mas ela tem o foco em deixar uma frase ou palavra como citação, portanto ela e mais usada para destacar uma citação.

Utilização da tag <pre></pre>

<pre>
      Olha como
    o texto fica,
    ele esta do mesmo
        jeito que formatei
</pre>
Enter fullscreen mode Exit fullscreen mode

A tag <pre></pre> tem como foco apresentar na tela um texto pré-formatado, portanto ele é mais usado para poemas, entre outras, sendo que a fonte do texto fica mono-espaçada.

Utilização da tag <i></i>

<i>i: utilização</i>
Enter fullscreen mode Exit fullscreen mode

A tag <i></i> deixa o texto que esta dentro dela em itálico.

Utilização da tag <u></u>

<u>u: utilização</u>
Enter fullscreen mode Exit fullscreen mode

A tag <u></u> deixa o texto dentro dela em sublinhado.

Utilização da tag <b></b>

<b>b: utilização</b>
Enter fullscreen mode Exit fullscreen mode

A tag <b></b> deixa seu texto em negrito.

Utilização da tag <em></em>

<em>em: utilização</em>
Enter fullscreen mode Exit fullscreen mode

A tag <em></em> deixa o texto que esta dentro dela em itálico.

Conclusão:

Obrigado por ler até aqui, espero ter ajudado você

Ahh, deixa um comentário para mim.

Discussion (0)

pic
Editor guide