HTML Grundlagen: Schriftgröße im Fließtext anpassen – So funktioniert es mit small und big

English

Schriftgröße verkleinern oder vergrößern mit SMALL und BIG

Normalerweise hat der ganze Text einer Webseite die gleiche Schriftgröße. Das ist auch gut so, damit das Lesen von Text für Besucherinnen und Besucher der Website so angenehm und bequem wie möglich ist. Manchmal ist es aber sinnvoll und erwünscht, dass die Schriftgröße. für einen Textabschnitt kleiner oder größer ist als für den normalen Text.

Mit <FONT size="wert"> wurde früher die Schriftgröße mit einer Zahl zwischen 1 und 7 festgelegt. Standard ist die Schriftgröße 3.

Beachte: Das HTML FONT-Tag ist in HTML5 nicht mehr gültig und sollte nicht mehr verwendet werden.

Stattdessen wird heute CSS verwendet, um die gewünschte Schriftart, Schriftgröße. und Schriftfarbe zu definieren.

Für Absätze wird in CSS eine Klasse (Englisch: Class) definiert. In dieser Klasse können alle Eigenschaften (Englisch: Properties) für Absätze sehr einfach und zentral definiert werden, z.B. Schriftart, Schriftgröße, Schriftstil und Schriftfarbe.

Es kann jedoch vorkommen, dass man ein Wort oder mehrere Wörter kleiner oder größer schreiben möchte.

Die beiden HTML-Elemente SMALL und BIG sind Inline-Elemente. Das heißt, sie erzeugen keinen automatischen Zeilenumbruch.

Das HTML <small> Tag

Text in kleinerer Schrift
Das HTML SMALL-Tag (Deutsch: klein) schreibt den Text in kleinerer Schrift. Der Text, den man mit kleiner Schrift darstellen möchte, wird mit <small> eingeleitet und muss mit </small> abgeschlossen werden. SMALL hat keine semantische Bedeutung.

Die Schriftgröße für den mit SMALL ausgezeichneten Text wird um eine Stufe reduziert, es sei denn, es wird bereits die kleinste Schriftgröße (d.h. size="1") verwendet.

Das HTML <small>-Tag wird für Ergänzungen zum Haupttext verwendet, z.B. für Kommentare, Fußnoten, Hinweise oder Quellenangaben für Zitate.

Für das sogenannte Kleingedruckte, also zum Beispiel

wird SMALL nicht verwendet. Diese Abschnitte sind keine Ergänzung zum Haupttext, sondern der eigentliche Inhalt der Seite.

Das HTML <big> Tag

Text in größerer Schrift
Das HTML BIG-Tag (Deutsch: groß) zeichnet einen Textabschnitt aus, der mit größerer Schrift dargestellt werden soll. Der größer geschriebene Textabschnitt wird mit <big> eingeleitet und muss mit </big> abgeschlossen werden. BIG hat keine semantische Bedeutung.

Die Schriftgröße für BIG wird um eine Stufe vergrößert, es sei denn, es wird bereits die größte Schriftgröße (d.h. size="7") verwendet.

Das HTML <big>-Tag wird für einzelne Wörter oder Textabschnitte verwendet, die größer geschrieben werden sollen, aber semantisch keine Überschrift sind.

Beispiel

Schriftgröße mit HTML ändern.

Dieses Beispiel zeigt, wie man einzelne Wörter in einem Text mit <small> bzw. <big> kleiner oder größer schreiben kann.

Dies ist Text in normaler Schriftgröße.<br><small>Das ist Text in kleiner Schrift</small> <big>>und das ist Text in großer Schrift.</big>
Ausgabe des HTML Codes
Dies ist Text in normaler Schriftgröße.
Das ist Text in kleiner Schrift und das ist Text in großer Schrift.

Dieser Hintergrund       repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.

Die HTML Elemente SMALL und BIG dürfen keine Block-Elemente wie z.B. P enthalten.