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:

<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:

<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:

.red {
	color: red;
}

Aşağıdaki kod verilmiştir:

<p>
	Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
	<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>

xxx sınıfına sahip öğeleri 30px boyutunda yapın.