Maîtriser le texte en gras en HTML

Introduction

Dans ce laboratoire, vous allez apprendre à utiliser la balise HTML <b> pour créer du texte en gras sur une page web. Nous aborderons également les meilleures pratiques pour utiliser cette balise et les alternatives recommandées si nécessaire.

Note: Vous pouvez pratiquer la programmation dans index.html et apprendre Comment écrire du HTML dans Visual Studio Code. Cliquez sur 'Go Live' dans le coin inférieur droit pour exécuter le service web sur le port 8080. Ensuite, vous pouvez rafraîchir l'onglet Web 8080 pour prévisualiser la page web.

Ceci est un Guided Lab, qui fournit des instructions étape par étape pour vous aider à apprendre et à pratiquer. Suivez attentivement les instructions pour compléter chaque étape et acquérir une expérience pratique. Les données historiques montrent que c'est un laboratoire de niveau débutant avec un taux de réussite de 100%. Il a reçu un taux d'avis positifs de 100% de la part des apprenants.

Configurer le fichier HTML

Créez un nouveau fichier nommé index.html dans votre éditeur de code. Dans le corps du document, ajoutez un paragraphe avec du texte que vous voulez mettre en gras.

<body>
  <p>Voici du texte qui doit être en gras.</p>
</body>

Ajouter la balise b

Pour mettre le texte en gras, entourez-le avec les balises <b> comme ceci :

<body>
  <p>Voici du texte <b>en gras</b>.</p>
</body>

Style CSS par défaut

Le style CSS par défaut pour la balise <b> est le suivant :

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

Meilleures pratiques

Évitez d'utiliser excessivement la balise <b>. Utilisez-la uniquement pour le texte important qui nécessite une mise en évidence.
Pour les titres, utilisez les balises <h1> à <h6> au lieu de la balise <b>.
Pour mettre en évidence le texte, utilisez plutôt la balise <em>. Cette balise utilise également du texte en italique au lieu de gras.
Pour le texte important, utilisez plutôt la balise <strong>. Cette balise mettra le texte en gras et indiquera son importance pour les moteurs de recherche.

Résumé

C'est tout! Vous savez maintenant utiliser la balise HTML <b> pour créer du texte en gras sur votre page web. N'oubliez pas d'utiliser cette balise de manière appropriée et de suivre les meilleures pratiques pour une balisage optimal.

Texte en gras en HTML