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
deletedtext.
<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!