Einführung in die Anwendung der HTML-Tags superscript sup und subscript sub

Einführung in die Anwendung der HTML-Tags superscript sup und subscript sub
HTML-Tag: hochgestellt

In HTML definiert das <sup>-Tag hochgestellten Text. Wenn Sie beispielsweise 2 Sauerstoffionen anzeigen möchten, müssen Sie diese im HTML-Code als 2O<sup>2-</sup> schreiben. 2O2-

Der im <sup>-Tag und seinem schließenden Tag </sup> enthaltene Inhalt wird in der halben Zeichenhöhe des aktuellen Textflusses angezeigt, jedoch mit derselben Schriftart und -größe wie der Text im aktuellen Textfluss.

Tipp: Dieses Tag ist nützlich, um Dokumenten Fußnoten hinzuzufügen und Exponentialwerte in Gleichungen anzugeben. In Verbindung mit dem <a>-Tag können schöne, mit Hyperlinks versehene Fußnoten erstellt werden.

HTML-Tag: Index

In HTML definiert das <SUB>-Tag tiefgestellten Text. Beispiel: Wenn Sie „H20“ anzeigen möchten, wobei „2“ der Index ist, müssen Sie es im HTML-Code folgendermaßen schreiben: „H<SUB>2</SUB>0“. H2O

Der im <SUB>-Tag und seinem schließenden Tag </SUB> enthaltene Inhalt wird in der halben Zeichenhöhe des aktuellen Textflusses angezeigt, jedoch mit derselben Schriftart und -größe wie der Text im aktuellen Textfluss.

<<:  Lösen Sie das Problem, dass Zeilenhöhe = Elementhöhe, der Text aber nicht vertikal zentriert ist

>>:  Vue verwendet berechnete Eigenschaften, um die Erstellung dynamischer Schieberegler abzuschließen

Artikel empfehlen

Anweisungen zum Erlernen von Vue

Inhaltsverzeichnis 1. v-Text (v-Befehlsname = „Va...

Anweisungen zur Verwendung der MySQL-IndexOF-Funktion

Wie unten dargestellt: LOCATE(Teilzeichenfolge,Ze...

Spezifische Verwendungsanweisungen für MySQL-Joins

Inhaltsverzeichnis Join-Syntax: 1. InnerJOIN: (In...

Verwenden von CSS3 zum Erzielen von Übergangs- und Animationseffekten

Warum sollten wir CSS-Animationen anstelle von JS...

WeChat-Miniprogramm zur Implementierung elektronischer Signaturen

In diesem Artikel finden Sie den spezifischen Cod...

Details zur Verwendung regulärer Ausdrücke in MySQL

Inhaltsverzeichnis 1. Einleitung 2. Bereiten Sie ...

js, um einen interessanten Countdown-Effekt zu erzielen

js interessanter Countdown-Fall. Zu Ihrer Informa...

Tabelle td Bild horizontal und vertikal zentriert Code

HTML Code: Code kopieren Der Code lautet wie folgt...