Summary  
This chapter explains how to implement and nest list structures using markup tags to create unordered and ordered lists.  

General domain of usage  
Web content organization

<u>リストは情報を整理し、構造化された形式で提示するために使用。</u> 主なリストの種類は2つあり、**順不同リスト**（`<ul>`）と**順序付きリスト**（`<ol>`）が存在。

## 順不同リスト
順不同リストは、項目を箇条書き形式で表示。各項目は`<li>`（リスト項目）タグで定義。順不同リストは、項目の順序が重要でない場合に一般的に使用。

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHVsPgogICAgICA8bGk+SXRlbSAxPC9saT4KICAgICAgPGxpPkl0ZW0gMjwvbGk+CiAgICAgIDxsaT5JdGVtIDM8L2xpPgogICAgPC91bD4KICA8L2JvZHk+CjwvaHRtbD4=

順序なしリスト（`<ul>`）は、項目を箇条書きで表示。

## 順序付きリスト
順序付きリストは、項目を番号付きで順番に表示。各項目は `<li>`（リスト項目）タグで定義。順序付きリストは、項目の順番が重要で強調する必要がある場合に使用。

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPG9sPgogICAgICA8bGk+Rmlyc3QgaXRlbTwvbGk+CiAgICAgIDxsaT5TZWNvbmQgaXRlbTwvbGk+CiAgICAgIDxsaT5UaGlyZCBpdGVtPC9saT4KICAgIDwvb2w+CiAgPC9ib2R5Pgo8L2h0bWw+

リストは順序付き（`<ol>`）であり、項目が番号付きで表示されます。


## 入れ子リスト
リストは階層構造を作成するために、互いに入れ子にすることもできます。これは、あるリスト（`<li>` または `<ul>`）内のリスト項目（`<ol>`）が、さらに別のリストを含むことができることを意味します。複雑な情報を複数の階層に整理する際に便利です。

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHVsPgogICAgICA8bGk+TWFpbiBpdGVtIDE8L2xpPgogICAgICA8bGk+CiAgICAgICAgTWFpbiBpdGVtIDIKICAgICAgICA8dWw+CiAgICAgICAgICA8bGk+U3ViLWl0ZW0gMTwvbGk+CiAgICAgICAgICA8bGk+U3ViLWl0ZW0gMjwvbGk+CiAgICAgICAgPC91bD4KICAgICAgPC9saT4KICAgICAgPGxpPk1haW4gaXRlbSAzPC9saT4KICAgIDwvdWw+CiAgPC9ib2R5Pgo8L2h0bWw+

- 2番目のリスト項目（`"Main item 2"`）は、入れ子の順不同リスト（`<ul>`）を含み、階層構造を作成;
- 各入れ子リスト（`<ul>`）は、その階層レベルを視覚的に示すためにインデントされている。

順不同リストを作成するために使用されるタグはどれですか？

順序付きリストを順不同リストの代わりに使用するのはどのような場合ですか？

空欄（___）に入るタグはどれですか？

HTMLの基本を習得し、構造化され、アクセシブルなウェブコンテンツを作成します。タグ、要素、属性を使用してドキュメントを構造化する方法を学びます。テキスト、リスト、画像、音声、動画を自在に扱い、ウェブページを充実させます。整理されたデータのためのテーブルや、ユーザー入力・インタラクションのためのフォームを作成します。アクセシビリティを高めるセマンティックHTMLを理解し、基礎から完全で機能的なウェブサイト構造を構築します。

ウェブとHTMLの概要、タグ、要素、属性の重要性について紹介します。HTMLドキュメントの基本構造やウェブの簡単な歴史について学びます。

HTMLマークアップの基本を習得し、特別なテキストのフォーマットやリストに焦点を当て、HTMLドキュメント内でのコンテンツ構造化における重要性を理解します。HTMLドキュメント構造の詳細に踏み込み、テキストマークアップ技術を洗練させます。

ウェブ開発における視覚および聴覚コンテンツの力を引き出し、画像、動画、音声要素をHTMLドキュメントにシームレスに統合する方法を学びます。さまざまなメディア形式を取り入れる際の細かな違いについて探求します。

HTMLにおけるテーブルとフォームの包括的な解説を通じて、データの提示方法やユーザーインタラクションの複雑さを理解します。テーブル構造、フォーム作成、入力要素を網羅しています。フォーム入力要素の実装や、機能性を高める属性の活用に習熟します。

セマンティックHTML要素を深く学ぶことで、HTMLスキルを次のレベルへ引き上げ、構造化されアクセシブルなウェブコンテンツの作成が可能になります。新たに得た知識を活用し、初めてのウェブサイト構築に挑戦し、アイデアを形にしましょう。

HTMLでのリストの作成と使用

順不同リスト

順序付きリスト

入れ子リスト

1. 順不同リストを作成するために使用されるタグはどれですか？

2. 順序付きリストを順不同リストの代わりに使用するのはどのような場合ですか？

3. 空欄（___）に入るタグはどれですか？