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

Detaillierte Erklärung des Vue Notepad-Beispiels

HTML-Subtag und Sup-Tag

Detaillierte Erklärung des Vue Notepad-Beispiels

Verwenden Sie Python, um mithilfe des Moduls pymysql eine Verbindung zur MySQL-Datenbank herzustellen

jQuery implementiert die Funktion zum Ziehen von Bildern mit der Maus

MySQL 8.0.12 – Schnellinstallations-Tutorial

Führen Sie die folgenden Schritte aus, damit Docker Images abrufen kann

Detailliertes Tutorial zur Installation und Verwendung von MySQL 8.0.15 unter Windows

Beispielcode zur Implementierung einer einfachen Suchmaschine mit MySQL

Detaillierte Erklärung des Missverständnisses zwischen MySQL und Oracle

So verwenden Sie JavaScript zum Implementieren von Sortieralgorithmen

Mybatis-Implementierungsmethode für Fuzzy-Abfragen

Artikel empfehlen

MySQL verwendet Aggregatfunktionen zum Abfragen einer einzelnen Tabelle

Mehrere Methoden und Vor- und Nachteile der Implementierung eines dreispaltigen Layouts mit CSS

Beispiel für die Verwendung eines manipulationssicheren JavaScript-Objekts

Detaillierte Erklärung des TodoList-Falls von Vue

Vue.js implementiert eine Bildwechselfunktion

Ausführliches Tutorial zur Installation von MySql 5.6.35 winx64

Vue implementiert dynamische Routingdetails

Detaillierte Erklärung zum Schreiben und Verwenden von Makefile unter Linux

Zusammenfassung der Erfahrungen mit der Web-Frontend-Entwicklung

Installationstutorial auf Unternehmensebene unter Verwendung des LAMP-Quellcodes

Zusammenfassung der Stiländerungen des Eingabefelds vom Typ „file“

Der gesamte Prozessbericht der Vue-Exportfunktion für Excel

Eine vorläufige Studie zum Vue-Unit-Testing

Informationen zur Verarbeitung des adaptiven Layouts (mit Float und negativem Rand)

Lösung für das Problem, dass MySql immer das mySqlInstallerConsole-Fenster öffnet