Tag span untuk Potongan Teks dalam HTML

Anda sudah tahu bahwa untuk membuat sepotong teks tertentu, misalnya, tebal - harus menggunakan tag b. Namun, bagaimana jika saya ingin mewarnai sepotong teks menjadi warna merah? Untuk kasus seperti itu tag, yang serupa dengan tag b, tidak ada.

Tetapi ada tag khusus span - dengan sendirinya tag ini tidak melakukan apa-apa, tetapi kita dapat menerapkan gaya CSS padanya, yang akan memungkinkan kita menambahkan efek yang diinginkan ke sepotong teks.

Mari kita lihat sebuah contoh. Misalkan kita memiliki beberapa teks:

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

Misalkan kita ingin membuat kata "text" berwarna merah. Untuk melakukan ini, bungkus potongan teks ini dalam tag span dan berikan beberapa kelas pada tag ini:

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

Sekarang mari kita warnai elemen dengan kelas tersebut menjadi merah:

.red {
	color: red;
}

Diberikan kode berikut:

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

Buat elemen dengan kelas xxx berukuran 30px.