HTML での sup タグの上付き文字と sub タグの下付き文字の使用の概要

不言
リリース: 2019-01-18 17:06:20
オリジナル
9279 人が閲覧しました

数学を勉強するとき、たとえば、3 の 2 乗は 3²、上の 2 は上付き文字です。化学を勉強するときは、H₂、下の 2 は下付き文字です。 HTML で上付き文字と下付き文字を実装するにはどうすればよいですか?この記事では、HTML に上付き文字と下付き文字を実装する方法を紹介します。

HTML での sup タグの上付き文字と sub タグの下付き文字の使用の概要

HTML では、sup 要素と sub 要素を使用して上付き文字と下付き文字を実装する必要があります。

sup タグは上付き文字を定義できます。

サブタグでは下付きテキストを定義できます。

sup 要素と sub 要素の具体的な使い方を見てみましょう

コードは次のとおりです

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>10的3次方是10<sup>3</sup></p>
<p>水的分子式是H<sub>2</sub>O</p>
</body>
</html>
ログイン後にコピー

実行時の効果は次のとおりです

HTML での sup タグの上付き文字と sub タグの下付き文字の使用の概要

## なお、文字の大きさに応じて上付き、下付きの設定が変わります。

主人公が大きくなると、上付き、下付きも大きくなります。その逆も同様ですので、上付きと下付きを使用する場合は、フォント サイズの設定に注意してください。

この記事はここで終わります。さらに興味深い内容については、PHP 中国語 Web サイトの他のコラム チュートリアルに注目してください。 ! !

以上がHTML での sup タグの上付き文字と sub タグの下付き文字の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート