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
![Internet Explorer 4.0 Internet Explorer 4.0](../images/ie4.gif)
![Netscape 4.7 Netscape 4.7](../images/nc47.gif)
![Opera 5 Opera 5](../images/op5.gif)
![Mozilla 1.0 Mozilla 1.0](../images/moz1.gif)
![Mozilla Firefox 0.8 Mozilla Firefox 0.8](../images/ff08.gif)
<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.