シュウ

今回は【HTML】sup要素の使い方、上付き文字を表示させよう!
の解説になります！

こんな方に読んでほしい

• HTMLを学び始めた方へ
• HTMLについて学びたい方へ
• 今回はsup要素(上付き文字)について解説しております。

前回は、subについて解説しました。
sub要素とは、主に、「公式」、「化学記号」に使用し、下付きに文字を表示してくれます。

sub要素の使い方

sub要素の使い方、下付き文字を表示させよう!

「公式」、「化学記号」に使用し、下付きに文字を表示してくれます。

Chrome	Safari	Firefox	IE	Edge

sup要素について

sup要素とは、「Supscript」の略になります。
主に、「面積」、「数式」に使用し、上付きに文字を表示してくれます。
例：この面積は「30m²」になりますが、数字の「2」を上付き文字として表示してくれます。

書き方は以下のようになります。

<b>例1:</b> 面積の単位
<ol class="s-list">
	<li>・平方ミリメートル「mm<sup>2</sup>」</li>
 	<li>・平方メートル「m<sup>2</sup>」</li>
	<li>・平方キロメートル「km<sup>2</sup>」</li>
</ol>

<hr />

<b>例2:</b> 三平方の定理は「a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>」になります。

例2のように、連続して使用することも可能になります。

関連記事

まとめ

今回はこれで以上です。

Chrome	Safari	Firefox	IE	Edge

最新記事

• 

  【HTML】download属性について、ファイルのダウンロードを学ぼう!

  2021.07.27

• 

  【HTML】ruby要素の使い方、テキストにルビ(ふりがな)を振ろう!

  2021.07.09

• 

  【HTML】kbd要素の使い方、キーボードのキーを表す要素!

  2021.07.06

• 

  【HTML】hr要素の使い方、段落の区切りを示す要素!

  2021.07.02

関連記事

< 前の記事

【HTML】sub要素の使い方、下付き文字を表示させよう!

次の記事 >

【HTML】strong要素の使い方、テキストに重要性を示そう