HTML'de Metin Parçaları için span Etiketi

Bir metin parçasını, örneğin kalın yapmak için b etiketini kullanmanız gerektiğini zaten biliyorsunuz. Ancak, bir metin parçasını kırmızı renge boyamak istersem ne yapmalıyım? Böyle bir durum için b etiketine benzer bir etiket mevcut değildir.

Ancak özel bir span etiketi vardır - kendi başına kesinlikle hiçbir şey yapmaz, ancak ona, bir metin parçasına istediğimiz efekti eklememize izin verecek CSS stilleri uygulayabiliriz.

Bir örnek üzerinde görelim. Diyelim ki bir metnimiz var:

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

"text" kelimesini kırmızı yapmak istiyoruz. Bunun için bu metin parçasını bir span etiketi içine alalım ve bu etikete bir sınıf verelim:

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

Şimdi de bu sınıfa sahip öğeyi kırmızı renge boyayalım:

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>