📝 Negrito e Itálico em HTML

Introdução

Durante a criação de páginas web, muitas vezes precisamos destacar determinadas palavras ou informações importantes.

O HTML possui elementos específicos para representar textos em negrito e itálico.

📌 No HTML5 devemos escolher elementos considerando o significado do conteúdo e não apenas a aparência.

Texto em Negrito

O negrito aumenta o destaque visual de uma palavra ou frase.

Existem duas formas principais:

Tag <b>

A tag <b> deixa o texto visualmente mais forte.



<p>

Este é um texto 

<b>

em negrito

</b>

.

</p>



Este é um texto em negrito.

Tag <strong>

A tag <strong> indica que o texto possui importância.



<p>

Atenção:

<strong>

Prazo final amanhã

</strong>

.

</p>



Atenção: Prazo final amanhã.

Diferença entre b e strong

Elemento Descrição
<b> Apenas deixa o texto em negrito.
<strong> Indica importância semântica.

Texto em Itálico

O itálico é utilizado para destacar palavras, termos técnicos, expressões estrangeiras ou informações específicas.

As principais tags são:

Tag <i>

A tag <i> altera apenas a aparência do texto.



<p>

Aprendendo 

<i>

HTML5

</i>

.

</p>



Aprendendo HTML5.

Tag <em>

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



<p>

HTML é uma linguagem 

<em>

fundamental

</em>

.

</p>



HTML é uma linguagem fundamental.

Diferença entre i e em

Elemento Uso
<i> Alteração visual.
<em> Destaque de significado.

Exemplo Completo



<h1>

Curso de 

<strong>

Desenvolvimento Web

</strong>

</h1>



<p>

Aprenda conceitos 

<em>

modernos

</em>

de programação.

</p>



Uso em Sites Reais

Situação Elemento indicado
Avisos importantes strong
Termos destacados em
Nome científico i

Boas Práticas

Resumo da Aula

Tag Função
b Negrito visual
strong Importância
i Itálico visual
em Ênfase semântica
🎓 Aula concluída! Agora você sabe aplicar negrito e itálico corretamente no HTML5.