Heute werde ich zwei HTML -Tags treffen, die ich nicht sehr oft verwende: Sub -Tags und SUP -Tags.
Definition und Verwendung: Das <Sub> -Tag kann ein Indextext definieren. <sup> kann Superscript -Text definieren. Alle gehören zu Inline-Elementen und sind 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-äquiv = content-type content = text/html; charSet = gb2312 />
<title> sub- und sup -Tags in HTML </title>
<style type = text/css>
* {Schriftgröße: 12px; Schriftfamilie: Tahoma}
</style>
</head>
<body>
<div>
Dieses Tag ist <sub> sub </sub>
Dieses Tag ist <sup> sup </sup>
</div>
</body>
</html>
durch Analogie lernen:
Schauen wir uns an, wie dieser Effekt mathematischer Gleichungen erreicht wird?
<! 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-äquiv = content-type content = text/html; charSet = gb2312 />
<title> sub- und sup -Tags in HTML </title>
<style type = text/css>
* {Schriftgröße: 12px; Schriftfamilie: Tahoma}
</style>
</head>
<body>
<div>
x <sub> 1 </sub>+y <sub> 2 </sub> <pilz> 3 </sup> = 15
</div>
</body>
</html>
Andere Anwendungen:Zufällig stellte ich fest, dass Taobao vor einiger Zeit einige Änderungen am Preis vorgenommen hatte (ich weiß nicht warum, aber jetzt wurde es wiederhergestellt), was sich von der herkömmlichen Preisleistung unterscheidet.
<! 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-äquiv = content-type content = text/html; charSet = gb2312 />
<title> sub- und sup -Tags in HTML </title >>
</head>
<style type = text/css>
<!-
Körper {Schriftart: 12px/1,8 Tahoma}
span.price {Schriftfamilie: Arial, Helvetica, sans-serif; Schriftgröße: 16px; Schriftgewicht: 700; Farbe: rot;}
span.price sub {vertikal-align: grasine; Schriftgröße: 12px;}
span.price sup {vertikal-align: textboot; Farbe:#555}
->
</style>
<body>
<span class = price> <sup> ￥ </sup> 43. <Sub> 26 </sub> </span>
</body>
</html>
Ich glaube, dass die Anwendung von Sub- und SUP -Tags nicht darauf beschränkt ist, aber dasselbe gilt für andere HTML -Tags. Solange Sie sie verstehen und unser Denken und Fantasie anregen, können Sie sie kompetent verwenden und ihren einzigartigen Charme zeigen.