Span tags teksta gabaliņiem HTML

Jūs jau zināt, ka, lai padarītu kādu teksta gabaliņu, piemēram, treknrakstā - jāizmanto tags b. Tomēr, ko darīt, ja es gribu nokrāsot teksta gabaliņu sarkanā krāsā? Šādam gadījumam neeksistē tags, līdzīgs tagam b.

Bet eksistē īpašs tags span - pats par sevi tas absolūti neko nedara, bet tam var piemērot CSS stilus, kas ļaus mums pievienot vajadzīgo efektu teksta gabaliņam.

Apskatīsim piemērā. Pieņemsim, ka mums ir kāds teksts:

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

Pieņemsim, ka mēs vēlamies vārdu "text" padarīt sarkanu. Lai to izdarītu, ietīsim šo teksta gabaliņu tagā span un šim tagam dosim kādu klasi:

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

Un tagad nokrāsosim elementu ar šādu klasi sarkanā krāsā:

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>