De span-tag voor tekstfragmenten in HTML

Je weet al dat om een stukje tekst, bijvoorbeeld, vet te maken - je de tag b moet gebruiken. Maar wat moet je doen als ik een stukje tekst rood wil kleuren? Voor zo'n geval bestaat er geen tag, vergelijkbaar met de tag b.

Maar er bestaat wel een speciale tag span - op zichzelf doet hij absoluut niets, maar je kunt er CSS-stijlen op toepassen, die ons in staat stellen het gewenste effect aan een stukje tekst toe te voegen.

Laten we een voorbeeld bekijken. Stel we hebben een tekst:

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

Stel we willen het woord "text" rood maken. Om dit te doen, wikkelen we dit stukje tekst in de tag span en geven we deze tag een klasse:

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

En nu kleuren we het element met deze klasse rood:

.red {
	color: red;
}

Gegeven de volgende code:

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

Maak de elementen met de klasse xxx een grootte van 30px.