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

Zusammenfassung der MySQL-Sperrwissenspunkte

HTML-Subtag und Sup-Tag

Zusammenfassung der MySQL-Sperrwissenspunkte

Über visuelles Design und Interaktionsdesign

JavaScript-Implementierung des Spiels des Lebens

Das Prinzip und die Implementierung der bidirektionalen Bindung in Vue2.x

Einige Front-End-Praxiszusammenfassungen der neuen Homepage von Alipay

So installieren Sie Oracle auf Windows Server 2016

js implementiert dynamisch Operationen zum Hinzufügen und Löschen von Tabellen

Linux-Checkup: Erfahren Sie mehr über Ihren Linux-Status (Netzwerk-E/A, Festplatte, CPU, Speicher)

Vollbild-Drag-Upload-Komponente basierend auf Vue3

Implementierungsskript für geplante Datenbanksicherung unter Linux

Artikel empfehlen

CSS3-Beispielcode zum Erreichen einer Elementbogenbewegung

So implementieren Sie die Verschlüsselung und Entschlüsselung vertraulicher Daten in einer MySQL-Datenbank

MySQL-Fehlernummer 1129 – Lösung

Installations- und Konfigurationstutorial von MySQL 8.0.16 unter Win10

Vue Routing gibt die Betriebsmethode zum Wiederherstellen des Seitenstatus zurück

JavaScript zum Erreichen eines einfachen Tab-Leisten-Umschaltens

So erstellen Sie einen Index für eine Join-Tabelle in MySQL

Vue-Beispielcode zur einfachen Implementierung von virtuellem Scrollen

JS ermittelt die Position des n-ten Vorkommens einer angegebenen Zeichenfolge in einer Zeichenfolge

Detaillierte Installationsschritte für MySQL 8.0.11

Tutorial zur Installation von MySQL 8.0.11 unter Linux

Drei Möglichkeiten zum Erstellen eines Graueffekts auf Website-Bildern

VMware vSAN - Zusammenfassung der ersten Schritte

Grundlegendes Einführungstutorial zu MySQL-Partitionstabellen

Verwendung und Unterschied von Js-Modulverpackungsexporten erfordern Import