Balise span pour des fragments de texte en HTML

Vous savez déjà que pour rendre un certain fragment de texte, par exemple, en gras - il faut utiliser la balise b. Cependant, que faire si je veux colorer un fragment de texte en rouge ? Pour un tel cas, il n'existe pas de balise similaire à la balise b.

En revanche, il existe une balise spéciale span - en elle-même, elle ne fait absolument rien, mais on peut lui appliquer des styles CSS, qui nous permettront d'ajouter l'effet souhaité à un fragment de texte.

Regardons un exemple. Supposons que nous ayons un texte quelconque :

html<p>
  This is a paragraph with text.
</p>

Supposons que nous voulions rendre le mot "text" en rouge. Pour ce faire, enveloppons ce fragment de texte dans la balise span et donnons à cette balise une classe quelconque :

html<p>
  This is a paragraph with <span class="red">text</span>.
</p>

Maintenant, colorons l'élément avec cette classe en rouge :

css.red {
  color: red;
}

html<p>
  Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
  <span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>