リストに関するHTMLタグ

HTMLでのリストに関するタグの使い方を、サンプルを使って解説。

スポンサードリンク

HTMLでは、順不同リストや番号付きリスト、定義リストがサポートされています。

順不同リストのサンプル
このサンプルは、順不同リストの作成方法をデモンストレーションします。

番号付きリストのサンプル
このサンプルは、番号付きリストの作成方法をデモンストレーションします。

順不同リストとは、項目のリストです。リスト項目は、マーク（一般的には小さな黒丸）が付けられて表示されます。

順不同リストは、<ul>タグで始まります。各リスト項目は、<li>タグで始まります。

<ul>
<li>コーヒー</li>
<li>牛乳</li>
</ul>

リスト項目の内部には、段落や改行、画像、リンク、他のリストなどを含むことができます。

番号付きリストも、項目のリストです。リスト項目は、数字が付けられて表示されます。

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

<ol>
<li>コーヒー</li>
<li>牛乳</li>
</ol>

リスト項目の内部には、段落や改行、画像、リンク、他のリストなどを含むことができます。

定義リストは、項目のリストではありません。これは、用語のリストおよび用語の定義のリストです。

定義リストは、<dl>タグで始まります。各定義リストの用語は、<dt>タグで始まります。各定義リストの定義は、<dd>タグで始まります。

<dl>
<dt>コーヒー</dt>
<dd>黒くて熱い飲み物</dd>
<dt>牛乳</dt>
<dd>白くて冷たい飲み物</dd>
</dl>

定義リストの定義（<dd>タグ）の内部には、段落や改行、画像、リンク、他のリストなどを含むことができます。

異なるタイプの番号付きリストサンプル
このサンプルは、異なるタイプの番号付きリストをデモンストレーションします。

異なるタイプの順不同リストサンプル
このサンプルは、異なるタイプの順不同リストをデモンストレーションします。

入れ子のリストサンプル
このサンプルは、どのようにリストを入れ子にすることができるかをデモンストレーションします。

複雑な入れ子のリストサンプル
このサンプルは、より複雑な入れ子のリストをデモンストレーションします。

定義リストのサンプル
このサンプルは、定義リストの作成方法をデモンストレーションします。

スポンサードリンク

HTML チュートリアル