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 :
<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 :
<p>
This is a paragraph with <span class="red">text</span>.
</p>
Maintenant, colorons l'élément avec cette classe en rouge :
.red {
color: red;
}
Voici le code suivant :
<p>
Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>
Rendez les éléments avec la classe xxx d'une taille
de 30px.
