HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで上付きテキストを作成する方法｜supタグの使い方を解説

HTMLの<sup>タグとは

HTMLでは、<sup>タグを使用することで、上付きテキスト（superscript）を作成できます。上付きテキストは、数式の指数やべき乗の表現などによく使われます。

例えば、次のように記述します。

2<sup>3</sup> + 3<sup>2</sup> = 17

このコードをブラウザで表示すると、「2³ + 3² = 17」のように、数値が小さく上に寄せられた形で描画されます。

サンプルコード

以下のコードを実行すると、HTMLで上付きテキストを表示できます。

<!DOCTYPE html>
<html>
<head>
<title>HTML supタグ</title>
</head>
<body>
2<sup>3</sup> + 3<sup>2</sup> = 17
</body>
</html>

補足：下付きテキストを表示したい場合

逆に、下付きテキスト（subscript）を表示したい場合は、<sub>タグを使用します。化学式の「H₂O」など、文字を小さく下に寄せて表示したい場面で活用できます。<sup>タグと<sub>タグを上手に使い分けることで、数式や化学式をより正確に表現できます。

  1. HTMLのbigタグとは？使い方とサンプルコードを解説

    HTMLの<big>要素は、デフォルトのフォントサイズよりも大きなテキストを表示するために使用される要素です。 注意：<big>要素はHTML5ではサポートされていません。現在は非推奨となっており、同様の表示を実現したい場合は、CSSのfont-sizeプロパティを使用することが推奨されています。 使用例 それでは、実際に<big>要素をHTMLで実装した例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> &l

  2. HTMLテキストフォーマットとは？主要な書式設定タグ10選と使い方を解説

    HTMLのテキストフォーマット（書式設定）とは、HTML文書内でテキストの見た目や意味を整えるために特別に用意された要素のことです。これらのタグを使いこなすことで、太字・斜体・ハイライトなど、さまざまなテキスト表現が可能になり、文章の可読性や伝わりやすさが大きく向上します。 基本構文 テキストフォーマット用タグの基本的な書き方は以下のとおりです。 <tagname>content</tagname> 主なテキストフォーマットタグ一覧 HTMLで使われる代表的なテキストフォーマットタグは、以下の10種類です。 番号タグと説明 1<b>テキストを太字に