Tag span za delove teksta u HTML-u

Već znate da da biste neki deo teksta, na primer, učinili podebljanim - treba koristiti tag b. Međutim, šta učiniti ako želim da obojim deo teksta u crvenu boju? Za takav slučaj ne postoji tag sličan tagu b.

Ali postoji poseban tag span - sam po sebi on apsolutno ništa ne radi, ali se na njega mogu primeniti CSS stilovi, koji će nam omogućiti da dodamo željeni efekat na deo teksta.

Hajde da pogledamo primer. Pretpostavimo da imamo neki tekst:

<p>
	Ovo je paragraf sa tekstom.
</p>

Pretpostavimo da želimo da reč "tekst" učinimo crvenom. Da bismo to uradili, obavićemo ovaj deo teksta u tag span i tom tagu ćemo dati neku klasu:

<p>
	Ovo je paragraf sa <span class="red">tekstom</span>.
</p>

A sada ćemo obojiti element sa takvom klasom u crvenu boju:

.red {
	color: red;
}

Dat je sledeći kod:

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

Učinite elemente sa klasom xxx veličine 30px.