今日は、サブタグとSUPタグという頻繁に使用しない2つのHTMLタグを満たします。
定義と使用法: <sub>タグは添え字テキストを定義できます。 <sup>上付き文字テキストを定義できます。すべてがインライン要素に属し、デフォルトでは現在のフォントよりもわずかに小さくなります。例:<!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>
<head>
<メタhttp-equiv = content-type content = text/html; charset = gb2312 />
<title> subおよびsupタグ</title>
<style type = text/css>
* {font-size:12px;フォントファミリー:タホマ}
</style>
</head>
<body>
<div>
このタグは<sub> sub </sub>です
このタグは<sup> sup </sup>です
</div>
</body>
</html>
類推で学ぶ:
数学的方程式のこの効果がどのように達成されるかを見てみましょう。
<!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>
<head>
<メタhttp-equiv = content-type content = text/html; charset = gb2312 />
<title> subおよびsupタグ</title>
<style type = text/css>
* {font-size:12px;フォントファミリー:タホマ}
</style>
</head>
<body>
<div>
x <sub> 1 </sub>+y <sub> 2 </sub> <sup> 3 </sup> = 15
</div>
</body>
</html>
その他のアプリケーション:偶然にも、タオバオはしばらく前に価格をいくつか変更したことがわかりました(なぜかはわかりませんが、今では復元されています)。
<!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>
<head>
<メタhttp-equiv = content-type content = text/html; charset = gb2312 />
<title> subおよびsupタグ</title >>
</head>
<style type = text/css>
<! -
ボディ{font:12px/1.8 tahoma}
span.price {font-family:arial、helvetica、sans-serif;フォントサイズ:16px; font-weight:700;色:赤;}
span.price sub {vertical-align:baseline; font-size:12px;}
span.price sup {vertical-align:text-bottom;色:#555}
- >
</style>
<body>
<span class = price> <sup>
</body>
</html>
サブタグとSUPタグの適用はこれに限定されないと思いますが、他のHTMLタグにも同じことが当てはまります。あなたがそれらを理解し、私たちの思考と想像力を刺激する限り、あなたはそれらを熟練して使用し、それらのユニークな魅力を示すことができます。