HTML は、順序付きリスト、順序なしリスト、および定義済みリストをサポートします

順序なしリスト
この例は、順序なしリストを示しています。
順序付きリスト
この例は、順序付きリストを示しています。

(その他の例はこのページの下部にあります)

順序なしリスト

順序なしリストは、太字の点 (通常は小さな黒丸) でマークされた項目のリストです。

順序なしリストは <ul> タグで始まります。 各リスト項目は <li> で始まります。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

ブラウザには次の内容が表示されます。

  • Coffee
  • Milk

段落、改行、画像、リンク、その他のリストはリスト項目内で使用できます。

順序付きリスト

同様に、順序付きリストは項目のリストであり、リスト項目には番号が付けられます。

順序付きリストは <ol> タグで始まります。 各リスト項目は <li> タグで始まります。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

ブラウザには次の内容が表示されます。

  1. Coffee
  2. Milk

段落、改行、画像、リンク、その他のリストはリスト項目内で使用できます。

定義リスト

カスタム リストは、単なる項目のリストではなく、項目とその注釈の組み合わせです。

カスタム リストは <dl> タグで始まります。 各カスタム リスト項目は <dt> で始まります。 各カスタム リスト項目の定義は <dd> で始まります。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

ブラウザには次の内容が表示されます。

Coffee
Black hot drink
Milk
White cold drink

定義リストのリスト項目内では、段落、改行、図、リンク、その他のリストを使用できます。

その他の例

さまざまなタイプの順序なしリスト
この例は、順序なしリストを示しています。
さまざまな種類の順序付きリスト
この例では、さまざまな種類の順序付きリストを示します。
ネストされたリスト
この例では、リストをネストする方法を示します。
ネストされたリスト 2
この例は、より複雑なネストされたリストを示しています。
定義リスト
この例では、定義リストを示します。

リストタグ

ラベル 説明
<ol> は順序付きリストを定義します。
<ul> は順序なしリストを定義します。
<li> はリスト項目を定義します。
<dl> は定義のリストを定義します。
<dt> 定義は項目を定義します。
<dd> は定義の説明を定義します。
<dir> 非推奨。 代わりに <ul> を使用してください。
<menu> 非推奨。 代わりに <ul> を使用してください。