Close Menu
Desenvolvimento

Como criar títulos em negrito e itálico em HTML

By 3 Mins Read
Negrito Italico HTML

Incorpore tags de marcação de estilo para itálico e negrito em seu código de cabeçalho HTML para adicionar ênfase à sua lista de assuntos.

Títulos

Tags de título são a maneira mais simples de dividir seu documento. Se você pensa no seu site como um jornal, os títulos são as manchetes do jornal. O título principal é um H1 e os títulos subsequentes são de H2 a H6.

Use os seguintes códigos para criar o HTML.

<h1> Este é o Título 1 </h1> 
<h2> Este é o Título 2 </h2> 
<h3> Este é o Título 3 </h3> 
<h4> Este é o Título 4 </h4> 
<h5> Este é o Título 5 </h5> 
<h6> Este é o Título 6 </h6>

Mantenha seus títulos em uma ordem lógica – H1 vem antes de H2, que vem antes de H3 e assim por diante.

Não se preocupe muito com a aparência dos títulos – você deve usar CSS para estilizar os títulos em vez de usar um título fora de ordem. Tags de título são elementos de nível de bloco , portanto, colocam quebras de linha para você. Não coloque tags de parágrafo dentro de tags de título.

Negrito e Itálico

Existem quatro tags que você pode usar para negrito e itálico:

  • <strong> e <b> para negrito
  • <em> e <i> para itálico

Não importa qual você usa. Embora alguns prefiram <strong> e <em>, muitas pessoas consideram <b> para “negrito” e <i> para “itálico” mais fáceis de lembrar.

Basta cercar seu texto com as tags de abertura e fechamento, para deixá-lo em  negrito  ou  itálico:

<b> negrito </b> 
<i> itálico </i>

Você pode aninhar essas tags (o que significa que você pode colocar o texto em negrito e itálico) e não importa qual é a tag externa ou interna.

Por exemplo:

Este texto está em negrito

<strong> Este texto está em negrito </strong>

Este texto está em itálico

<em> Este texto está em itálico </em>

Este texto está em negrito e itálico

<strong> <em> Este texto está em negrito e itálico </em> </strong>

Por que existem dois conjuntos de tags em negrito e itálico

No HTML4, as tags <b> e <i> eram consideradas tags de estilo que afetavam apenas a aparência do texto e não diziam nada sobre o conteúdo da tag, e era considerado incorreto usá-las. Então, com o HTML5, eles receberam um significado semântico fora da aparência do texto.

Em HTML5, essas tags empregam significados específicos:

  • <b> denota texto que não é mais importante do que o texto ao redor, mas a apresentação tipográfica típica é o texto em negrito, como palavras-chave em um resumo de documento ou nomes de produtos em uma resenha.
  • <i> denota um texto que não é mais importante do que o texto ao redor, mas a apresentação tipográfica típica é um texto em itálico, como um título de livro, termo técnico ou frase em outro idioma.
  • <strong> denota um texto de grande importância em comparação com o texto ao redor.
  • <em> denota um texto que tem uma ênfase enfática em comparação com o texto circundante.

Itálico nos cabeçalhos

Nada impede que você use tags em itálico em uma tag de cabeçalho, embora alguns navegadores possam remover esse contexto. Geralmente é melhor usar CSS para garantir que você obtenha o resultado visual que deseja.

Related Posts