HTML elemento span teksto dalims

Jūs jau žinote, kad norint padaryti tam tikrą teksto dalį, pavyzdžiui, paryškintą - reikia naudoti tagą b. Tačiau, ką daryti, jei aš noriu nuspalvinti teksto dalį raudona spalva? Tokiu atveju tago, panašaus į tagą b, nėra.

Tačiau yra specialus tagas span - pats savaime jis absoliučiai nieko nedaro, bet jam galima pritaikyti CSS stilius, kurie leis mums pridėti norimą efektą prie teksto dalies.

Pažiūrėkime pavyzdžiu. Tarkime, mes turime koks nors tekstas:

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

Tarkime, mes norime žodį "text" padaryti raudoną. Tam apgaubkime šią teksto dalį tagu span ir šiam tagui suteikime kokių nors klasių:

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

O dabar nuspalvinkime elementą su tokia klase raudona spalva:

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>