Negrito e Itálico no HTML

Vamos aprender a usar negrito e itálico corretamente no HTML, entendendo a diferença entre o uso semântico e o uso não semântico.

1. Negrito e Destaque

O negrito pode ser aplicado de duas formas:

<p>Nessa frase, temos um <b>Termo em negrito</b></p>

Resultado no navegador:

Nessa frase, temos um Termo em negrito

<p>Nesta frase, temos um <strong>Termo em destaque</strong></p>

Resultado no navegador:

Nesta frase, temos um Termo em destaque

✔ Dica:  é preferível quando você quer dar importância ao conteúdo.

Assim como no negrito, temos duas opções para aplicar o itálico:

<p>Nesta frase, temos um <i>Termo em itálico</i></p>

Resultado no navegador:

Nesta frase, temos um Termo em itálico

<p>Nesta frase, temos um<em>Termo em itálico</em></p>

Resultado no navegador:

Nesta frase, temos um Termo em itálico

✔ Dica: Use  quando a intenção for dar ênfase à palavra ou expressão.

 → apenas aparência (visual, sem significado extra).
 → dá importância semântica (destaque real para navegadores e leitores de tela).
 → apenas aparência (texto inclinado, sem significado extra).
 → indica ênfase semântica no texto.

✅ Sempre que possível, prefira as tags  e  para melhor acessibilidade.