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
Detaillierte Erläuterung des Prozesses zum Erstellen eines MQTT-Servers mit Docker
1. Ziehen Sie das Bild Docker-Pull-Registrierung....
Detaillierte Erklärung, wie Sie den Speicherort der Nginx-Konfigurationsdatei finden
Wie lässt sich bei einem unbekannten Server oder ...
So vergessen Sie das Root-Passwort in Mysql8.0.13 unter Windows 10
1. Stoppen Sie zuerst den MySQL-Dienst Öffnen Sie...
Ändern Sie die Standardfarbe des Platzhaltertexts im Eingabefeld - Methode „webkit-input-placeholder“
HTML5 fügt ein natives Platzhalterattribut für di...
Fallstudie zu MySQL-Berechtigungen und Datenbankdesign
Berechtigungen und Datenbankdesign Benutzerverwal...
Detaillierte Erläuterung des Problems der Übereinstimmung, selbst wenn in der MySQL-Abfragebedingung am Ende der Zeichenfolge ein Leerzeichen steht
1. Tabellenstruktur TABELLE person Ausweis Name 1...
Was tun, wenn Sie das ursprüngliche Passwort für MySQL auf dem MAC vergessen?
Die Methode zur Lösung des Problems, das anfängli...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 (Windows)
1. Laden Sie die Software herunter 1. Gehen Sie a...
Umfassende Analyse von Prototypen, Prototypobjekten und Prototypketten in js
Inhaltsverzeichnis Prototypen verstehen Prototypo...
Drei nützliche Codes, damit sich Besucher an Ihre Website erinnern
Drei nützliche Codes, die Besuchern dabei helfen,...
So verwenden Sie IDEA zum Konfigurieren von Tomcat und Erstellen von JSP-Dateien
Bevor Sie idea zum Schreiben von JSP-Dateien verw...
Bei der Installation von mysql-8.0.19-winx64 sind Probleme aufgetreten: Verzeichnis „xxxx\Database\“ kann nicht erstellt werden
mysql-8.0.19-winx64 von der offiziellen Website h...
So lässt man in CSS die Höhe eines untergeordneten Divs den verbleibenden Platz des übergeordneten Containers ausfüllen
1. Verwenden Sie die Floating-Methode Effektbild:...
Grafisches Tutorial zur Installation der MySQL 8.0.12-Dekomprimierungsversion unter Windows 10
Dieser Artikel zeichnet das Installations-Grafik-...
Eine einfache und eingehende Studie zu Async und Await in JavaScript
Inhaltsverzeichnis 1. Einleitung 2. Detaillierte ...