Span-tag vir stukke teks in HTML

Jy weet reeds dat om 'n sekere stukkie teks, byvoorbeeld, vet te maak - moet jy die b-tag gebruik. Maar wat doen ek as ek 'n stukkie teks in rooi wil kleur? Vir so 'n geval bestaan daar nie 'n tag soos die b-tag nie.

Maar daar bestaan wel 'n spesiale tag span - op sy een doen dit absoluut niks nie, maar ons kan CSS-style daarvoor toepas, wat ons sal toelaat om die nodige effek aan 'n stukkie teks toe te voeg.

Kom ons kyk na 'n voorbeeld. Laat ons sê ons het 'n sekere teks:

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

Laat ons sê ons wil die woord "text" rooi maak. Om dit te doen, moet ons hierdie stukkie teks in die span-tag omhul en aan hierdie tag 'n klas gee:

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

En nou, laat ons die element met so 'n klas in rooi kleur:

.red {
	color: red;
}

Die volgende kode word gegee:

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

Maak die elemente met die klas xxx 'n grootte van 30px.