HTML-Tags: Sub-Tag und Sup-Tag

Heute stelle ich zwei HTML-Tags vor, die ich nicht sehr oft verwende: das Sub-Tag und das Sup-Tag.
Verwandter Artikel: HTML-Tags: optgroup, sub, sup und bdo
Heute stelle ich zwei HTML-Tags vor, die ich nicht sehr oft verwende: das Sub-Tag und das Sup-Tag.
Definition und Verwendung:
Das <sub>-Tag definiert tiefgestellten Text. <sup> definiert hochgestellten Text. Sie sind alle Inline-Elemente und standardmäßig etwas kleiner als die aktuelle Schriftart.
Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312" />
<title>sub- und sup-Tags in html</title>
<style type="text/css">
* { Schriftgröße:12px; Schriftfamilie:Tahoma}
</Stil>
</Kopf>
<Text>
<div>
Dieses Tag ist <sub>sub</sub>
Dieses Tag ist <sup>sup</sup>
</div>
</body>
</html>

durch Analogie lernen:

Sehen wir uns an, wie dieser Effekt mit mathematischen Gleichungen erzielt werden kann.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312" />
<title>Sub- und Sup-Tags in HTML</title>
<style type="text/css">
* { Schriftgröße:12px; Schriftfamilie:Tahoma}
</Stil>
</Kopf>
<Text>
<div>
x<sub>1</sub> y<sub>2</sub><sup>3</sup>=15
</div>
</body>
</html>
Andere Anwendungen:
Durch Zufall habe ich entdeckt, dass Taobao vor einiger Zeit einige Anpassungen an seinen Preisen vorgenommen hat (ich weiß nicht, warum, aber jetzt sind sie wiederhergestellt), die sich von der herkömmlichen Preisanzeige in der Vergangenheit unterscheiden.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312" />
<title>sub- und sup-Tags in html</title>>
</Kopf>
<style type="text/css">

</Stil>
<Text>
<span class="Preis"><sup>￥</sup>43,<sub>26</sub></span>
</body>
</html>
Ich glaube, dass die Anwendung von Sub- und Sup-Tags nicht darauf beschränkt ist. Dasselbe gilt für andere HTML-Tags. Solange Sie sie verstehen und Ihr Denken und Ihre Vorstellungskraft mobilisieren, können Sie sie geschickt einsetzen und ihren einzigartigen Charme entfalten.

<<: Vue-Vorlagenkonfiguration und Webstorm-Codeformatspezifikationseinstellungen

>>: So löschen Sie schwebenden Beispielcode in CSS

Natives JS zur Implementierung der Formularvalidierungsfunktion

Drei Möglichkeiten zur Realisierung der horizontalen Zentrierung von Elementen und zum Verständnis der Konzepte von festem Layout und fließendem Layout

Die Eigenschaft, Text in CSS zu zentrieren, lässt ...

HTML-Tags: Sub-Tag und Sup-Tag

Natives JS zur Implementierung der Formularvalidierungsfunktion

Unabhängige Implementierung der Nginx-Containerkonfigurationsdatei

Grundlegende Kenntnisse zum MySQL UNION-Operator

MySQL sql_mode-Analyse und Einstellungserklärung

HTML-Maus-CSS-Steuerung

Zusammenfassung des Linux-Befehls nc

Detaillierte Erklärung zur Verwendung von Bild-Tags in HTML

jQuery realisiert den Scroll-Effekt von Tabellenzeilendaten

HTML + CSS + JS realisiert den Scroll-Gradienteneffekt der Navigationsleiste

Lösen Sie das Problem mehrerer Listener, die beim Starten von Tomcat in Idea gemeldet werden

Artikel empfehlen

So konfigurieren Sie den Nginx-Lastausgleich

Zusammenfassung der Probleme, die bei der Verwendung von JDBC zur Verbindung mit einer MySQL-Datenbank auftreten können

So lösen Sie das Problem, dass der Docker-Container keinen Vim-Befehl hat

Detaillierte Installation und Verwendung von RocketMQ in Docker

Drei Möglichkeiten zur Realisierung der horizontalen Zentrierung von Elementen und zum Verständnis der Konzepte von festem Layout und fließendem Layout

MySQL-Schritte vollständig löschen

So verwenden Sie Docker zum Bereitstellen von Spring Boot und zum Herstellen einer Verbindung mit Skywalking

JavaScript zum Erzielen eines Tab-Umschalteffekts

So erstellen Sie eine Tabelle in MySQL und fügen Feldkommentare hinzu

Vue realisiert den Logistik-Timeline-Effekt

So ändern Sie das Root-Passwort in einem Container mit Docker

Detaillierte Erklärung zur Verwendung der Vue-Komponente zur Kennzeichensuche

Vue implementiert einfache Kommentarfunktion

Natives JS implementiert benutzerdefinierte Bildlaufleistenkomponente

Zusammenfassung der grundlegenden Verwendung von JS-Arrays