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

HTMLで順序付きリスト（番号付きリスト）を作成する方法

HTMLで順序付きリスト（番号付きリスト）を作成するには、<ol>タグを使用します。順序付きリストは<ol>タグから開始し、個々のリスト項目は<li>タグで定義します。各項目には自動的にマーカーが付与され、その種類は「数字」「アルファベット」「ローマ数字」などから選択できます。何も指定しない場合のデフォルトは「数字」です。

HTMLで順序付きリスト（番号付きリスト）を作成する方法

サンプルコード

以下のコードを実行すると、HTMLでの順序付きリストの使い方を確認できます。

<!DOCTYPE html>
<html>
   <body>
      <h1>Developed Countries</h1>
      <p>The list of developed countries :</p>
      <ol>
         <li>US</li>
         <li>Australia</li>
         <li>New Zealand</li>
      </ol>
   </body>
</html>

補足：マーカーの種類を変更する方法

<ol>タグにtype属性を指定することで、リストマーカーの表示形式を変更できます。主な値は以下のとおりです。

  • type="1" … 数字（1、2、3…）：デフォルト
  • type="A" … 大文字のアルファベット（A、B、C…）
  • type="a" … 小文字のアルファベット（a、b、c…）
  • type="I" … 大文字のローマ数字（Ⅰ、Ⅱ、Ⅲ…）
  • type="i" … 小文字のローマ数字（ⅰ、ⅱ、ⅲ…）

また、開始番号を変更したい場合はstart属性を使用します。例えば「<ol type="A" start="3">」と指定すると、「C」からリストが開始されます。現代のWeb開発では、より柔軟なスタイル指定が可能なCSSのlist-style-typeプロパティを使うことも推奨されています。

  1. HTMLで参考文献（Bibliography）を作成する方法

    参考文献（Bibliography）とは、執筆時に参照した書籍や資料の一覧をまとめて記載するセクションのことです。HTMLを使えば、こうした参考文献リストを簡単に作成できます。具体的には、<ol>タグで書籍を番号付きリストとして列挙し、<cite>タグで作品のタイトルをマークアップします。 <cite>タグは、書籍のタイトルだけでなく、楽曲、絵画、映画など、さまざまな作品のタイトルを示す際にも使用できます。このタグは「引用」を意味しており、タグ内に記述した内容はすべて作品のタイトルとして扱われます。 サンプルコード それでは、実際にHTMLで参考文献リスト

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

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