Normaler Textabsatz mit Schrift 10 Punkt schwarz

Textabsatz mit Schrift 12 Punkt schwarz

Textabsatz mit Schrift 8 Punkt schwarz

roter Textabsatz

blaues Zitat

Unterklassen von HTML-Tags bilden Sie dort, indem Sie zuerst das Tag notieren, im obigen Beispiel p. Dahinter folgt ein Punkt und dahinter ein Name für die Unterklasse. Anstelle eines bestimmten HTML-Tags können Sie auch das Schlüsselwort all (=alle) notieren. Dadurch definieren Sie eine Unterklasse mit Formatierungen, die Sie anschließend auf irgendein HTML-Tag anwenden können.
all.rot { color:red; }
Es ist auch erlaubt, Schlüsselwort all wegzulassen. In diesem Fall beginnt die Formatdefinition mit einem Punkt. Dahinter folgt der Name der Unterklasse. Im obigen Beispiel wird die Unterklasse blau auf diese Weise definiert.
.blau { color:blue; }
Die Namen hinter dem Punkt können Sie frei vergeben. Die Namen sollten nicht zu lang sein und keine Leerzeichen und keine deutschen Umlaute enthalten.

Innerhalb des Dateikörpers können Sie definierte Unterklassen anwenden. Dazu notieren Sie im einleitenden HTML-Tag die Angabe class= und dahinter den Namen der Unterklasse, den Sie zuvor vergeben haben. Im obigen Beispiel werden zunächst drei Varianten des normalen Fließtextabsatzes p notiert.
<p class="normal">Normaler Textabsatz mit Schrift 10 Punkt schwarz</p>
In den beiden Zeilen darunter können Sie die Wirkung des Schlüsselwortes all sehen.
<address class="rot">roter Absatz für Adressen</address>
Verschiedene HTML-Tags (im Beispiel p und address) können die gleiche Unterklasse von Formaten benutzen.