| weiter zu > Text in HTML > HTML Einführung |
von Thomas Salvador, 01.03.2010
Ein <font> Ersatz:
<p>Mit span kann man <p><span style="font-family:arial">Zeichensätze, <span style="font-size:86%;">Größen, <span style="color:blue">Farben, und noch viel mehr wie man sieht auch kombiniert definieren. </span></span></span></p>
<span> ist ein allgemeiner Behälter, der beliebige Inhalte direkt im Fließtext verkapselt und eine Formatierung/Beinflussung zulässt. Besonders häufig nutzt man <span> mit wiederverwendbaren CSS-Klassen und direkt im <span> definierten CSS, um einen Textbereich direkt zu formatieren.
Damit wird <span> insbesondere zu einem mächtigen Ersatz für das verworfene <font>.
Der große Bruder von <span> ist <div>, der Gleiches auf Blockebene macht. Er ist allgemeiner Container für beliebige Blockelemente.
| Attribut | Beschreibung |
|---|---|
| class | Space-separierte Liste von CSS-Klassen |
| dir | Ausrichtung von Text und Tabellen |
| id | Universalattribut |
| lang | Sprache des Elementes |
| onclick | Auszuführender Javascript-Code bei Klick |
| ondblclick | Auszuführender Javascript-Code bei Doppelklick |
| onkeydown | Auszuführender Javascript-Code bei Drücken einer Taste |
| onkeypress | Auszuführender Javascript-Code bei gedrückt gehaltener Taste |
| onkeyup | Auszuführender Javascript-Code bei Loslassen einer Taste |
| onmousedown | Auszuführender Javascript-Code bei Drücken einer Maustaste |
| onmousemove | Auszuführender Javascript-Code, wenn die Maus bewegt wird |
| onmouseout | Auszuführender Javascript-Code, wenn die Maus das Element verlässt |
| onmouseover | Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird |
| onmouseup | Auszuführender Javascript-Code bei Loslassen einer Maustaste |
| style | Inline Style |
| title | Bezeichnender Titel |
Keine.
