Créer du texte en gras en HTML

Rajeev Baniya 19 février 2023
  1. Utilisez la balise strong pour créer du texte en gras en HTML
  2. Utilisez la balise b pour créer du texte en gras en HTML
  3. Utilisez la propriété CSS font-weight pour créer du texte en gras en HTML
Créer du texte en gras en HTML

Le didacticiel présentera quelques méthodes pour créer du texte en gras en HTML.

Utilisez la balise strong pour créer du texte en gras en HTML

Nous pouvons créer du texte en gras en HTML en utilisant la balise strong. La balise indique que le texte est d’importance vitale, de gravité ou de priorité absolue.

La balise strong met le texte en gras pour montrer que le texte est d’une plus grande importance. Nous devrions utiliser strong pour mettre en évidence un texte ou une partie de celui-ci pour montrer sa signification dans une page ou un paragraphe.

Par exemple, écrivez un texte using the strong tag. Ensuite, enveloppez le texte avec la balise strong, comme le montre l’exemple ci-dessous.

L’exemple ci-dessous crée le texte en gras.

Exemple de code :

<strong> using the strong tag </strong>

Utilisez la balise b pour créer du texte en gras en HTML

Nous pouvons également créer du texte en gras en HTML à l’aide de la balise b. La balise était auparavant connue sous le nom d’élément Boldface.

La balise b est utilisée pour se concentrer sur le texte sans montrer qu’il est plus important. Nous utilisons la balise b de la même manière que la balise strong.

Par exemple, écrivez un using b tag et enveloppez-le avec la balise b, et le texte sera mis en gras. Cependant, l’utilisation de la balise b n’est pas recommandée pour mettre le texte en gras.

Au lieu de cela, nous devrions utiliser la propriété CSS font-weight pour rendre le texte plus gras. Nous discuterons de la propriété dans la section suivante.

Exemple de code :

<b> using b tag </b>

Utilisez la propriété CSS font-weight pour créer du texte en gras en HTML

La propriété CSS font-weight est la méthode la plus appropriée pour mettre le texte en gras. Nous pouvons utiliser des CSS en ligne pour appliquer les styles en HTML.

La propriété font-weight définit l’épaisseur ou la finesse du texte. Une variété d’options s’adaptent à la propriété. Lorsqu’il est défini sur normal, le texte sera un caractère régulier qui est la valeur par défaut.

L’option bold rend le texte épais, et l’option bolder le rend plus épais. Nous pouvons affiner le texte avec l’option lighter.

Par exemple, écrivez une balise p et écrivez du CSS en ligne à l’intérieur. Définissez la propriété font-weight sur bold. À l’intérieur de la balise p, écrivez le texte Using the font-weight property.

Ensuite, écrivez une autre balise p et écrivez le texte Normal text.

Dans l’exemple ci-dessous, nous avons écrit deux textes différents. Le premier texte est en gras, tandis que le deuxième texte est normal. Ainsi, nous pouvons utiliser la propriété font-weight pour créer du texte en gras en HTML.

Exemple de code :

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

<p>
    Normal text
</p>

Article connexe - HTML Text