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

HTMLで下付き文字（添え字）を表示する方法

下付き文字とは

HTMLでは、<sub>タグを使用することで、下付き文字（添え字）を簡単に作成できます。下付き文字は、通常のテキストよりも小さなサイズで、ベースラインより下に表示されるため、数式や化学式などの表現に適しています。

基本的な書き方

たとえば、変数に番号を付けた「x₁ + x₂」のような表記は、次のように記述します。

x<sub>1</sub> + x<sub>2</sub>

実行例

以下のコードを実行すると、HTMLで下付き文字がどのように表示されるかを確認できます。

<!DOCTYPE html>
<html>
    <head>
       <title>HTML subタグ</title>
    </head>
    <body>
       x<sub>1</sub> + x<sub>2</sub> = 17
    </body>
</html>

補足：上付き文字を表示したい場合

反対に、べき乗（x²など）を表す上付き文字を表示したい場合は、<sup>タグを使用します。また、水（H₂O）のような化学式や脚注の番号など、さまざまな場面で<sub>タグが活用できるので、覚えておくと便利です。

  1. HTMLのplaceholder属性とは？使い方とサンプルコードを解説

    HTMLのplaceholder（プレースホルダー）属性は、ユーザーが何も入力する前に、input要素やtextarea要素の中に表示されるヒントテキスト（仮置きの文字列）を指定するための属性です。フォームの入力欄に「氏名」「メールアドレス」など、どのような内容を入力すべきかを示すことで、ユーザーの理解を助け、入力ミスを減らす効果があります。placeholder属性の基本構文placeholder属性は以下のように記述します。<タグ名 placeholder=表示したいテキスト></タグ名>placeholder属性に指定したテキストは、入力欄が空の状態でのみ表示され

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

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