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

HTMLで小さな文字を表示する方法｜タグの使い方を解説

HTMLでは、<small>タグを使うことで、テキストを小さなサイズで表示できます。著作権表記や注釈、免責事項など、本文より控えめに見せたいテキストに便利なタグです。

<small>…</small>タグで囲まれた部分の文字は、通常のテキストよりも一段階小さいフォントサイズで表示されます。

使用時の注意点

<small>タグは、段落を表す<p>…</p>タグの中に記述するのが基本です。段落内の一部のテキストだけを小さくしたい場合に活用しましょう。

HTMLで小さな文字を表示する方法｜ small タグの使い方を解説

コード例

以下のコードを実行すると、HTMLページ内で小さな文字（smallフォーマット）を表示できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML small font</title>
   </head>

   <body>
      <h1>Heading</h1>
      <p>
         This is demo text<br>
         <small>
            This text will be smaller
         </small>
      </p>
   </body>
</html>

実行結果

上記のコードをブラウザで開くと、「This is demo text」は通常サイズで表示され、<small>タグで囲まれた「This text will be smaller」は一段階小さな文字で表示されます。

HTMLで小さな文字を表示する方法｜ small タグの使い方を解説

  1. HTMLのmultiple属性とは？複数選択を可能にする使い方を徹底解説

    HTMLのmultiple属性は、ユーザーが複数の値を選択・入力できるようにするための属性です。この属性はブール型（真偽値）属性であり、<input>要素と<select>要素の両方で使用できます。特に、HTMLフォームで複数のファイルをアップロードしたい場合にmultiple属性が活躍します。また、この属性は「email」および「file」タイプの入力フィールドに対応しています。multiple属性の主な特徴fileタイプ：ファイル選択ダイアログで複数のファイルを同時に選択可能になります（CtrlキーやShiftキーを押しながらクリック）。emailタイプ：カンマ区切

  2. HTMLのlist属性とは？datalist要素で入力候補を表示する方法を解説

    HTMLのlist属性とはHTMLでは、<datalist>要素を使用して、あらかじめ定義された選択肢のリストを作成できます。このリストは<input>要素（入力欄）に対して適用され、ユーザーが文字を入力すると、定義済みの選択肢が候補として自動的に表示されます。<input>要素のlist属性は、対応する<datalist>要素のidを参照することで、入力欄と選択肢リストを関連付けます。このlist属性は、HTML5で新たに導入された機能です。list属性の基本的な使い方list属性を使うには、以下の2つのステップを行います。<datali