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
Eine kurze Erläuterung zur Verwendung des kartesischen Produktprinzips zum Abfragen mehrerer Tabellen in MySQL
MySQL-Mehrtabellenabfrage (kartesisches Produktpr...
Verwenden der Docker Enterprise Edition zum Erstellen Ihres eigenen privaten Registrierungsservers
Docker ist wirklich cool, vor allem, weil es im V...
So aktivieren Sie die JMX-Überwachung über Tomcat
Erstellen Sie eine Simulationsumgebung: Betriebss...
Detaillierte Erläuterung der Wissenspunkte zur Echtzeitsicherung der MySQL-Datenbank
Vorwort Der Bedarf an Echtzeit-Datenbanksicherung...
Detaillierte Erläuterung der Konzepte, Prinzipien und allgemeinen Verwendung von gespeicherten MySQL-Prozeduren
Dieser Artikel erläutert anhand von Beispielen di...
So führen Sie mehrere MySQL-Instanzen unter Windows aus
Vorwort Unter Windows können Sie mehrere MySQL-In...
CSS3 realisiert verschiedene grafische Effekte kleiner Pfeile
Es ist großartig, CSS zu verwenden, um verschiede...
MySQL Master-Slave-Replikationsprinzip und zu beachtende Punkte
Vorne geschrieben Ich habe kürzlich ein spezielle...
Eine kurze Diskussion über das Funktionswissen von Python
Inhaltsverzeichnis Zwei Hauptkategorien von Funkt...
Zusammenfassung der Methoden zum Erstellen, Auflisten und Löschen von Docker-Containern unter Linux
1. Starten Sie den Docker-Container Starten Sie m...
Detaillierte Erklärung der Verwendung der MySQL-Transaktionsverarbeitung und Beispielcode
Die MySQL-Transaktionsunterstützung ist nicht an ...
Grafisches Tutorial zum Konfigurieren eines Protokollservers unter Linux
Vorwort Dieser Artikel stellt hauptsächlich die r...
Lösung für den erfolgreichen Start von MySQL, aber ohne Überwachung des Ports
Problembeschreibung MySQL wurde erfolgreich gesta...
Mehrere Möglichkeiten zum Ausblenden von HTML-Elementen
1. CSS verwenden Code kopieren Der Code lautet wie...
Analyse von Problemen, die durch die Groß-/Kleinschreibung von MySQL verursacht werden
MySQL unterscheidet zwischen Groß- und Kleinschre...