HTML'деги span тексттин бөлүктөрү үчүн

Сиз билесиз, мисалы, кээ бир текст бөлүгүн жирный кылуу үчүн - b тегин колдонуу керек. Бирок, эгер мен тексттин бир бөлүгүн кызыл түскө боёгум келсе, эмне кылуу керек? Мындай учурда b тегине окшош тег жок.

Андан сырткары, атайын span теги бар - өзү эч нерсе кылбайт, бирок ага бизге тексттин бөлүгүнө керектүү таасирди кошумчалоого мүмкүндүк бере турган CSS стилдерин колдонсо болот.

Келгиле, мисалды карап көрөлү. Бизде кандайдыр бир текст бар дейли:

html<p>
  Бул текст менен абзац.
</p>

Биз "текст" деген сөздү кызыл кылышты каалайбыз дейли. Бул үчүн бул текст бөлүгүн span тегине ороп, бул тегге кандайдыр бир класс беребиз:

html<p>
  Бул текст менен <span class="red">текст</span> деген абзац.
</p>

Эми ушундай классы бар элементти кызыл түскө бояйлы:

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>