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"> <!-- Text { Schriftart:12px/1.8 Tahoma} span.price { Schriftfamilie: Arial, Helvetica, serifenlos; Schriftgröße: 16px; Schriftstärke: 700; Farbe: rot;} span.price sub { vertikale Ausrichtung: Grundlinie; Schriftgröße: 12px;} span.price sup { vertical-align:text-bottom; color:#555} --> </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
Artikel empfehlen
Analyse des HTML-Schreibstils und Gründe erfahrener Leute
1. Navigation: Ungeordnete Liste vs. andere Besch...
Beispiele für die Implementierung und Verwendung von geplanten MySQL-Aufgaben
Dieser Artikel veranschaulicht anhand von Beispie...
Installations- und Bereitstellungstutorial der neuesten MySQL-Version 5.7.17 (64-Bit-ZIP-Green-Version) unter Win 8 oder höher
Zunächst einmal spielt der Blogger die Community-...
Einige weniger bekannte Sortiermethoden in MySQL
Vorwort ORDER BY 字段名升序/降序. Ich glaube, jeder hier...
So zeigen Sie den Startparameterbefehl „Docker Run“ an (empfohlen)
Verwenden Sie runlike, um die Docker Run-Startpar...
Detaillierte Erläuterung der MySQL-Hochverfügbarkeitsarchitektur
Inhaltsverzeichnis Einführung MySQL-Hochverfügbar...
So verwenden Sie Vue3-Mixin
Inhaltsverzeichnis 1. Wie verwende ich Mixin? 2. ...
Detaillierte Erläuterung der Frp-erzwungenen Umleitung zur https-Konfiguration unter Nginx
Da der Router zu Hause die Bandbreite von 300 Mbi...
So ändern Sie den Speicherort von Datendateien in CentOS6.7 mysql5.6.33
Problem: Die Partition, in der MySQL Datendateien...
Detailliertes Tutorial zur Installation von Mysql5.7.19 auf Centos7 unter Linux
1. MySQL herunterladen URL: https://dev.mysql.com...
Einführung in lokale Komponenten in Vue
In Vue können wir lokale Komponenten selbst defin...
Der Unterschied und die Wahl zwischen Datum und Uhrzeit und Zeitstempel in MySQL
Inhaltsverzeichnis 1 Unterschied 1.1 Raumbelegung...
Lösungen für Probleme bei der Leistungsoptimierung von MySQL-Indizes
Die von MySQL erstellte Optimierung besteht im Hi...
Eine kurze Diskussion über die Implementierung der MySQL-Lösung zur Optimierung des Seitenlimits
MySQL begrenzt die Nutzung von Paging-Anweisungen...
Zusammenfassung zweier Methoden zum Implementieren der Vue-Druckfunktion
Methode 1: Installieren Sie das Plugin über npm 1...