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>