HTML-Subtag und Sup-Tag

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:

<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.

<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.

<<: Die Ressourcen und Aktivierungsmethoden des MySQL-Desktoptools SQLyog verabschieden sich von der schwarz-weißen Befehlszeile

>>: Beispielcode zum Erzielen eines dreidimensionalen Bildplatzierungseffekts mit reinem CSS

Die ultimative Lösung zum Schreiben von Bash-Skripten mit Node.js

HTML-Subtag und Sup-Tag

Die ultimative Lösung zum Schreiben von Bash-Skripten mit Node.js

Zusammenfassung des Installationsprozesses von MySql 8.0.11 und der beim Verknüpfen mit Navicat aufgetretenen Probleme

So erhöhen Sie die Ladegeschwindigkeit von HTML-Seiten

Detaillierte Erläuterung der 4 gängigen Datenquellen in Spark SQL

Teilen Sie 20 JavaScript-Einzeilencodes

Linux verwendet iftop, um den Netzwerkkartenverkehr in Echtzeit zu überwachen

Verlustfreie Erweiterungsmethode unter Linux

Ein- und Ausblenden von HTML-Elementen durch Anzeige oder Sichtbarkeit

Zusammenfassung der unbekannten Verwendung von "!" in Linux

Natives JS zur Implementierung des Spiels 2048

Artikel empfehlen

Lassen Sie uns über die Leistung von MySQLs COUNT(*) sprechen.

Praxis der Verwendung von SuperMap in Vue

JavaScript-Dom-Objektoperationen

Wie verstecke ich einen bestimmten Text in HTML?

Installations- und Konfigurationsmethode für komprimierte MySQL Community Server-Pakete

Drei Möglichkeiten, das längste Wort in einem String in JavaScript zu finden (empfohlen)

MySQL 8.0.19 WinX64-Installations-Tutorial und Ändern des Initialpassworts unter Windows 10

JavaScript imitiert den Taobao-Lupeneffekt

Keepalived implementiert Nginx-Lastausgleich und Beispielcode für hohe Verfügbarkeit

Implementierung der kollaborativen Nutzung von React-Komponenten

Markup-Validierung für Doctype

Teilen Sie 8 MySQL-Fallstricke, die Sie erwähnen müssen

Detailliertes Tutorial zur Installation von ElasticSearch 6.x im Docker

MySQL REVOKE zum Löschen von Benutzerberechtigungen

MySQL 8.0.16 Installations- und Konfigurations-Tutorial unter Windows 10