✏️ Estilos de Formatação de Texto HTML

Introdução

Os textos em páginas web podem receber diferentes tipos de destaque utilizando elementos HTML específicos.

Esses elementos permitem criar textos em negrito, itálico, destacados, sobrescritos e subscritos.

📌 No HTML5 devemos utilizar elementos que tenham significado semântico, não apenas aparência visual.

Formatação Visual x Semântica

Tipo Objetivo
Visual Apenas altera aparência do texto.
Semântica Informa o significado do conteúdo.
⚠️ O HTML5 prioriza significado. O CSS deve ser usado para aparência.

Tag <b> - Negrito

A tag <b> deixa o texto visualmente em negrito. 



<b>

Texto em negrito

</b>
Texto utilizando a tag b

Tag <strong> - Importância

A tag <strong> representa um texto com importância ou destaque. 



<strong>

Atenção!

</strong>
Atenção! Informação importante.

Diferença entre <b> e <strong>

Tag Uso
b Apenas aparência.
strong Informação importante.

Tag <i> - Itálico

A tag <i> apresenta o texto em estilo itálico. 



<i>

Texto em itálico

</i>
Texto utilizando itálico

Tag <em> - Ênfase

A tag <em> representa ênfase no conteúdo.



<em>

Texto com ênfase

</em>
Texto com significado de destaque

Diferença entre <i> e <em>

Tag Significado
i Apenas muda o estilo visual.
em Indica importância no texto.

Tag <sub> - Subscrito

Utilizada para textos abaixo da linha normal.

Exemplo: Fórmula da água.



H<sub>2</sub>O
H2O

Tag <sup> - Sobrescrito

Utilizada para textos acima da linha normal.

Muito utilizada em matemática.



2<sup>2</sup>
22 = 4

Exemplos Práticos



<p>

Curso de 

<strong>

Desenvolvimento de Sistemas

</strong>

</p>



<p>

HTML é uma linguagem

<em>

essencial

</em>

para Web.

</p>



<p>

Área = 10m<sup>2</sup>

</p>

Aplicações Reais

Boas Práticas

Resumo da Aula

Elemento Função
b Negrito visual
strong Importância
i Itálico visual
em Ênfase
sub Subscrito
sup Sobrescrito
🎓 Aula concluída! Agora você conhece os principais estilos de formatação de texto HTML.