Sie sind hier: Startseite -> HTML-Grundlagen -> Hochstellen/Tiefstellen (sub-/sup-Tag)

HTML sub-Tag und sup-Tag für Textgestaltung einsetzen

Hochstellen und Tiefstellen von Text mit HTML

In gewissen Situationen braucht man beim Schreiben von Text für eine Webseite eine Veränderung der Grundlinie, um Zeichen höherstellen oder tieferstellen zu können. Zwei praktische Beispiele sind hier zu nennen: das Quadratzeichen bei Quadratmetern, wenn man Fläche, Immobilien oder ähnliches beschreiben möchte oder das Tieferstellen von Zahlen bei Formeln.

Es kann auch ein Stilmittel sein, dass man die normale Textlinie verlassen möchte, aber die Lesbarkeit kann darunter leiden und daher muss man sich das in der Praxis anschauen und genau überlegen. HTML liefert jedenfalls zwei Tags mit, mit denen Text nach unten oder oben verschoben werden kann.

HTML sub-Tag für Tieferstellen und sup-Tag für Höherstellen

ergibt

Zuerst das Tieferstellen,
das durch den sub-Tag 25 möglich wird
und schließlich der sup-Tag 2
für das Hochstellen des Textes.

Selten benötigt, aber doch wichtig

Das Beispiel zeigt, wie sich die Lage der Zeichen verändert. Der sub-Tag verschiebt die Grundlinie nach unten und gerade bei chemischen Formeln ist es oft nötig, dass man die Zeichen, vor allem die Zeilenwerte nach unten verschieben.


Webhosting bei Alfahosting - jetzt gratis testen! (Affiliate-Link)


Den umgekehrten Fall liefert der sup-Tag, der die Zeichen nach oben verschiebt und bei Quadratmeter, Kubikmeter oder ähnlichen Angaben eine hilfreiche Textmanipulation vornimmt. Diese Texteinstellung wird direkt bei der Eingabe im Editor vorgenommen, wobei dies auch bei CMS-Systemen im HTML-Editor vorgesehen ist. Man kennt die Einstellungen auch aus Programmen wie Word & Co., wo entsprechende Buttons angeboten werden, um den Text höher- oder tieferzustellen.

Lesen Sie auch

Der Text ist der eigentliche Inhalt, wobei es nicht immer Text sein muss. Manche Webseiten bestehen aus einem einzigen Forum, andere aus verschiedenen Bildergalerien. Aber der Text ist meistens im Mittelpunkt und damit auch seine mögliche Gestaltung. Ein wesentlicher Faktor ist die gewählte Textgröße und dann ist man auch schon bei der Schriftgestaltung von Fett bis Kursiv oder dem Unterstreichen angelangt.

Und dann gibt es die Themen, die bei der generellen Gestaltung wichtig sind. Dazu gehört die Überschrift, dazu gehört die Entscheidung zwischen Absatz und Zeilenumbruch sowie die Links als weiterführende Technik auf die nächsten Seiten, in der Navigation oder auch zu externen Quellen.

Themenseiten

Diesen Artikel teilen

Infos zum Artikel

Text hochstellen und tiefstellenArtikel-Thema: HTML sub-Tag und sup-Tag für Textgestaltung einsetzen
Beschreibung: Mit dem 🌍 sub-Tag und dem sup-Tag kann man Text ✅ höherstellen oder tieferstellen wie bei besonderen Zeichen und Angaben.

Kategorien

Grundlagen
HTML-Grundlagen
CSS-Grundlagen
Javascript-Grundlagen
PHP-Grundlagen
MySQL-Grundlagen
SEO-Grundlagen

Infos, Tipps, Vermarktung
Webdesign-Lexikon
Online-Werbung
PHP-Codeschnipsel
Praxisartikel