Dominando o Texto em Negrito em HTML

Introdução

Neste laboratório, você aprenderá como usar a tag HTML <b> para criar texto em negrito em uma página web. Também abordaremos as melhores práticas para usar esta tag e alternativas recomendadas quando necessário.

Nota: Você pode praticar a codificação em index.html e aprender Como Escrever HTML no Visual Studio Code. Por favor, clique em 'Go Live' no canto inferior direito para executar o serviço web na porta 8080. Em seguida, você pode atualizar a aba Web 8080 para visualizar a página web.

Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível iniciante com uma taxa de conclusão de 100%. Recebeu uma taxa de avaliações positivas de 100% dos estudantes.

Configurar o Arquivo HTML

Crie um novo arquivo chamado index.html no seu editor de código. No corpo do documento, adicione um parágrafo com algum texto que você deseja colocar em negrito.

<body>
  <p>Here is some text that needs to be bold.</p>
</body>

Adicionar a Tag b

Para colocar o texto em negrito, envolva-o com as tags <b> desta forma:

<body>
  <p>Here is some <b>bold</b> text.</p>
</body>

Estilo CSS Padrão

O estilo CSS padrão para a tag <b> é:

<style>
  b {
    font-weight: bold;
  }
</style>

Melhores Práticas

Evite usar a tag <b> excessivamente. Use-a apenas em texto importante que precisa de ênfase.
Para títulos, use as tags <h1> até <h6> em vez da tag <b>.
Para enfatizar texto, use a tag <em> em vez disso. Esta tag também usa texto em itálico em vez de negrito.
Para texto importante, use a tag <strong> em vez disso. Esta tag colocará o texto em negrito e indicará sua importância para os mecanismos de busca.

Resumo

É isso! Agora você sabe como usar a tag HTML <b> para criar texto em negrito em sua página web. Lembre-se de usar esta tag apropriadamente e seguir as melhores práticas para uma marcação (markup) otimizada.