Znacznik span dla fragmentów tekstu w HTML

Wiesz już, że aby uczynić pewien fragment tekstu, na przykład, pogrubionym - należy użyć znacznika b. Jednak, co zrobić, jeśli chcę pokolorować fragment tekstu na czerwono? Na taki przypadek nie istnieje znacznik podobny do b.

Za to istnieje specjalny znacznik span - sam w sobie absolutnie nic nie robi, ale można do niego zastosować style CSS, które pozwolą nam dodać pożądany efekt do fragmentu tekstu.

Spójrzmy na przykład. Załóżmy, że mamy jakiś tekst:

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

Załóżmy, że chcemy słowo "text" uczynić czerwonym. Aby to zrobić, opakujmy ten fragment tekstu w znacznik span i nadajmy temu znacznikowi jakąś klasę:

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

A teraz pokolorujmy element z taką klasą na czerwono:

css.red {
  color: red;
}

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