Der span-Tag für Textabschnitte in HTML

Sie wissen bereits, dass man, um einen bestimmten Textabschnitt beispielsweise fett zu machen, den Tag b verwendet. Aber was macht man, wenn man einen Textabschnitt rot einfärben möchte? Für einen solchen Fall gibt es keinen Tag, ähnlich dem Tag b.

Dafür gibt es einen speziellen Tag span - an sich tut er absolut nichts, aber man kann auf ihn CSS-Stile anwenden, die es uns erlauben, den gewünschten Effekt auf einen Textabschnitt anzuwenden.

Sehen wir uns ein Beispiel an. Nehmen wir an, wir haben irgendeinen Text:

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

Nehmen wir an, wir wollen das Wort "text" rot machen. Dazu wickeln wir diesen Textabschnitt in den Tag span und weisen diesem Tag eine beliebige Klasse zu:

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

Jetzt färben wir das Element mit dieser Klasse rot ein:

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>