• Artigos
  • Games
  • Hardware
  • Internet
  • Segurança
  • Tecnologia
TopGadget
TopGadget
Home Dicas e Artigos Desenvolvimento Como criar títulos em negrito e itálico em HTML
Desenvolvimento

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

Por Kayobrussy Guedes6 de julho de 2021Atualizado:6 de julho de 2021Nenhum comentário3 minutos de leitura
Facebook Twitter Pinterest Email Telegram WhatsApp
Negrito Italico HTML
Facebook Twitter LinkedIn Pinterest Telegram WhatsApp
Publicidade

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.

Publicidade
<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.

html itálico negrito sublinhado
Compartilhe. Facebook Twitter Pinterest LinkedIn Tumblr Email

Artigos Relacionados

Atualizado:3 de maio de 2022

Docker para iniciantes: tudo o que você precisa saber

3 de maio de 2022
Atualizado:28 de fevereiro de 2022

WhatsApp: como enviar mensagens de texto em itálico e negrito

28 de fevereiro de 2022
Atualizado:26 de novembro de 2021

Qual é a diferença entre DIV e SECTION?

26 de novembro de 2021
Adicionar um comentário

Deixar uma resposta Cancelar Resposta

  • Home
  • Privacidade
  • Termos de Uso
  • Cookies
©2019 - 2022 A menos que aja alguma outra indicação, todos os direitos são reservados.

Type above and press Enter to search. Press Esc to cancel.