Tags para formatar textos em HTML

Hello, there! HTML é a linguagem básica para programar uma página da internet, por isso é importante que você conheça e domine as tags que compõem esta linguagem.

Existem algumas tags que são usadas com frequência para formatar textos em HTML, e hoje você vai aprender quais são e para que são usadas. Let's go!

Tags para formatar textos em HTML

<b> or <strong> : Bold or Important text

A tag <b> é usada para texto em bold e a tag <strong> (que significa forte) é usada para texto que é considerado importante. Na prática, as duas tags vão deixar o texto em bold, mas dependendo do contexto uma deve ser usada no lugar da outra. Take a look:

This is <b>bold</b> text.  
This is <strong>strong</strong> text.

This is bold text.
This is strong text.

<i> or <em> : Italic or Emphasized text

A tag <i> é usada para deixar o texto em itálico, e a tag <em> é usada quando queremos enfatizar o texto. As duas vão deixar o texto em itálico, mas, novamente, dependendo do contexto uma poderá ser usada no lugar da outra.

This is <i>italic</i> text.  
This is <em>emphasized</em> text.

This is italic text.
This is emphasized text.

<mark> : Marked text

Quando queremos destacar algum trecho, podemos usar a tag <mark>. Ela atua como se fosse um highlighter (marca textos). Check it out:

This is <mark>marked</mark> text.

This is marked text.

<small> : Smaller text

Se por algum motivo você quiser reduzir o tamanho do texto, é possível fazê-lo com a tag <small>, que significa pequeno. Take a look:

This is <small>smaller</small> text.

This is smaller text.

<del> : Deleted text

Se você quiser destacar que uma palavra do texto foi apagada você pode utilizar a tag <del>, que vai deixar a palavra riscada.

This is <del>deleted</del> text.

This is deleted text.

<ins> : Inserted text

Mas, por outro lado, se você quiser destacar que uma nova palavra foi inserida no texto, então a tag a ser utilizada é <ins>, que vai sublinhar a palavra nova.

This is <ins>inserted</ins> text.

This is inserted text.

<sub> : Subscript text

Já para o texto subscrito você pode utilizar a tag <sub>, que é muito comum de ser usado em fórmulas químicas, por exemplo. Take a look:

This is <sub>subscript</sub> text.

This is _subscript text.

<sup> : Superscript text

Por último, para o texto sobrescrito, você utilizará a tag <sup>. Check it out:

This is <sup>superscript</sup> text.

This is ^superscript text.

Interesting, isn't it? Dependendo da sua área de atuação, dominar diferentes linguagens de programação pode ser importante para a sua carreira, assim como dominar o inglês. Por isso, não pare de estudar e continue com a gente no nosso próximo artigo: "Características de Progress Bars em Bootstrap". See you!

Aproveite e faça nosso teste de nível de inglês. Ou baixe nossa apostila que te ensina como aprender inglês de maneira eficiente!

Quer realmente aprender outras línguas, como inglês e espanhol? Conheça os nossos cursos que reforçam o aprendizado de inglês e espanhol.