Criar texto em negrito em HTML

Rajeev Baniya 19 fevereiro 2023
  1. Use a tag strong para criar texto em negrito em HTML
  2. Use a tag b para criar texto em negrito em HTML
  3. Use a propriedade CSS font-weight para criar texto em negrito em HTML
Criar texto em negrito em HTML

O tutorial irá apresentar alguns métodos para criar texto em negrito em HTML.

Use a tag strong para criar texto em negrito em HTML

Podemos criar texto em negrito em HTML usando a tag strong. A tag denota que o texto é de vital importância, gravidade ou prioridade máxima.

A tag forte deixa o texto em negrito para mostrar que o texto é de maior importância. Devemos usar forte para destacar um texto ou uma parte dele para mostrar seu significado em uma página ou parágrafo.

Por exemplo, escreva um texto using the strong tag. Em seguida, envolva o texto com a tag forte, conforme mostrado no exemplo abaixo.

O exemplo abaixo cria o texto em negrito.

Código de exemplo:

<strong> using the strong tag </strong>

Use a tag b para criar texto em negrito em HTML

Também podemos criar texto em negrito em HTML usando a tag b. A tag era anteriormente conhecida como o elemento Boldface.

A tag b é usada para focar no texto sem mostrar que é mais importante. Usamos a tag b da mesma forma que a tag strong.

Por exemplo, escreva using b tag e envolva-o com a tag b, e o texto ficará em negrito. No entanto, o uso da tag b não é recomendado para deixar o texto em negrito.

Em vez disso, devemos usar a propriedade CSS font-weight para tornar o texto mais ousado. Discutiremos a propriedade na próxima seção.

Código de exemplo:

<b> using b tag </b>

Use a propriedade CSS font-weight para criar texto em negrito em HTML

A propriedade CSS font-weight é o método mais adequado para tornar o texto em negrito. Podemos usar CSS embutido para aplicar os estilos em HTML.

A propriedade font-weight define a espessura ou a finura do texto. Uma variedade de opções se encaixam na propriedade. Quando definido como normal, o texto será um caractere regular que é o padrão.

A opção bold torna o texto mais espesso, e a opção bolder torna-o mais espesso. Podemos tornar o texto mais fino com a opção lighter.

Por exemplo, escreva uma tag p e escreva CSS embutido dentro dela. Defina a propriedade font-weight para bold. Dentro da tag p, escreva o texto Using the font-weight property.

Em seguida, escreva outra tag p e escreva o texto Normal text.

No exemplo abaixo, escrevemos dois textos diferentes. O primeiro texto é colocado em negrito, enquanto o segundo texto é normal. Assim, podemos usar a propriedade font-weight para criar texto em negrito em HTML.

Código de exemplo:

<p style="font-weight:bold;">
    Using the font-weight property
</p>

<p>
    Normal text
</p>

Artigo relacionado - HTML Text