Nessa aula vamos aprender sobre as tags que ajudam a formatar textos no HTML como por exemplo: Negrito, itálico e sublinhado.

Na aula passada aprendemos algumas tags que usamos pra estruturar os textos como por exemplo a tag <p>. Agora vamos ver como mudar a aparências dos textos.

Quando estamos criando um texto na nossa página HTML muitas vezes precisamos que um trecho dele tenha um tom mais forte, outras vezes precisamos marcar palavras, ou outro efeito visual que destaque parte do texto.

Para isso o HTML nos fornece várias possibilidades de formatar os textos. As tags que vamos trabalhar nessa aula são: <b>, <i>, <small>, <sub>, <sup>, <ins>, <del> e <mark>.

Negrito

Se no texto <p>aqui é o site de aprender códigos</p> eu quisesse destacar a palavra “aprender” em negrito ficaria:

<p>aqui é o site de <b>aprender</b> códigos</p>

Itálico

Para deixar parte do texto em itálico (letras levemente inclinadas) basta seguir o exemplo acima, trocando o “b” por i como mostrado abaixo:

<p>Quero que <i>essa parte</i> do texto fique em itálico</p>

Small

A tag small tem a função de tornar um trecho do texto menor que o restante. Caso você queira que parte do seu texto fique assim basta usar a tag small da seguinte forma:

<p>Agora quero que <small>essa parte</small> fique menor que o resto</p>

Sub

Quando desejamos que um trecho fique no nível inferior ao restante do texto usamos a tag <sub> cercando o trecho que desejamos aplicar. Veja como fica quando eu utilizo sub aqui nessa parte do texto.

<p>Exemplo de texto usando sub <sub>nessa parte</sub></p>

Sup

Para deixar parte do texto superior ao restante, é parecido com o anterior (sub) basta trocar a tag por <sup>. Veja como fica esse trecho com sup.

<p>Exemplo de texto usando sup <sup>nessa parte</sup></p>

Ins (sublinhado)

Se quisermos deixar uma parte do texto sublinhado usamos a tag<ins>. Veja como fica esse trecho com ins.

<p>Imagine que <ins>essa parte</ins> do seu parágrafo fica sublinhado</p>

Del

Não sei se você já viu, mas as vezes em um texto web um trecho fica riscado, indicando que aquela parte ali não está mais vigor, mesmo não sendo retirada. Eu posso por exemplo dizer que essa parte foi deletada.

<p>Quero que <del>essa parte</del> fique riscada</p>

Mark

E pra finalizarmos as forma de formatar textos no HTML vamos falar sobre a tag <mark>. Quando queremos por exemplo que essa parte do texto fique marcado com uma cor parecida com um marcador de texto, usamos mark como no exemplo abaixo:

<p>Quero que <mark>essa parte</mark> fique marcada</p>