Tipps und Tricks: Farbige Schriftzüge
Mit dem <span>-Tag kannst du Schriftzüge mit unterschiedlichen Formatierungen erzeugen:
Ach was für ein interessanter Tipp
,
,
,
,
<p style="font-size:16px;"> <span style="color:#f00;">Ach</span> <span style="color:#0ff;font-size:20px;">was</span> <span style="color:#00f;">für</span> <span style="font-weight:bold;">ein</span> <span style="font-size:20px;">interessanter</span> <span style="font-style:italic;color:#f0f;">Tipp</span> </p>
<span>-Tag sind Inline-Elemente und erzeugen keinen Absatz. Du kannst mit ihnen Elemente zusammenfassen und diesen eine gemeinsame Formatierung zuweisen. In diesem Beispiel sind die einzelnen Worte in einem <span>-Tag eingefügt, in dem jeweils das style-Attribut mit Stylesheet-Eigenschaften notiert ist.
Browser
Diesen Trick können alle Browser.