HTML-de tekst bölekleri üçin span tegi

Siz eýýäm bilýärsiňiz, käbir tekst bölegini, mysal üçin, ýogyn etmek üçin b tegi ulanylmalydyr. Şeýle-de bolsa, men tekst bölegini gyzyl reňke boýamak islesem näme etmeli? Şeýl ýagdaý üçin b tegine meňzeş tegi ýok.

Ýöne ýörite bir span tegi bar - özi hiç zat etmeýär, ýöne ol üçin CSS stillerini ulanyp bolýar, olar bize tekst bölegine gerekli effekti goşmaga mümkinçilik berer.

Geliň mysalda göreliň. Bizde bir tekst bolsun:

html<p>
  Bu tekstli abzats.
</p>

Biz "tekst" sözünü gyzyl etmek isleýäris. Bunun üçin bu tekst bölegini span tegine orap we bu tege birnäçe klas bereliň:

html<p>
  Bu <span class="red">tekstli</span> abzats.
</p>

Indi bolsa, şeýle klasly elementleri gyzyl reňge boýalyň:

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>