リストは、データを整理して読みやすい方法で表示するために HTML の重要な部分です。 HTML には、順序なしリスト、順序付きリスト、定義リストという 3 つの主なタイプのリストが用意されています。
順序なしリスト(<ul>) は特定の箇条書きを使用し、通常は黒い点を使用してインデントされた項目として表示されます。 これは、特定の注文を必要としないアイテムをリストする場合に人気のある選択肢です。
順序付きリスト(<ol>) は、特定の番号付けまたは文字マーカーを使用し、順番に順序付けされたリストとして表示されます。 これは、アイテムを特定の順序でリストしたり、番号を付けたりするためによく使用されます。
定義リスト(<dl>) は、用語と説明のペアを使用してデータを表示します。 各ペアは、<dt>(定義用語) タグと <dd>(定義の説明) タグで囲まれます。 これは、特定の概念の属性または定義を表示する効果的な方法です。
順序なしリスト( <ul>)
- この <ul> 要素は、順序なしリストを作成するために使用されます。
- 順序なしリストの各項目は <li> 要素内に配置されます。
- 順序なしリストは通常、箇条書きまたは同様の文字で表示されます。
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
順序付きリスト( <ol>)
- この <ol> 要素は、順序付きリストを作成するために使用されます。
- 順序付きリストの各項目は <li> 要素内に配置されます。
- 順序付きリストは通常、数字またはアルファベットで表示されます。
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
定義リスト( <dl>)
- <dl> 要素は定義リストを作成するために使用されます。
・ 定義リストの各項目は、 <dt> （定義用語）タグと <dd> （定義説明）タグのペアで構成されます。
- <dt> タグには定義されているキーワードまたは属性が含まれ、 <dd> タグにはそのキーワードまたは属性の説明が含まれます。
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
リストタイプ属性(<ul> および <ol>)
- type 属性は、順序付きリストの番号付けスタイルを指定するために使用されます。
- type 属性の値は、「1」(数字)、「A」(大文字)、「a」(小文字)、「I」(大文字のローマ数字)、または「i」(小文字のローマ数字)です。。
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
開始属性( <ol>)
- start 属性は、順序付きリスト内の番号付けの開始値を指定するために使用されます。
- start 属性の値は正の整数です。
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
反転属性( <ol>)
- reversed 属性は、順序付きリストを逆順に表示するために使用されます。
・ reversed属性が適用されている場合、ナンバリングは降順で表示されます。
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
これらの属性と要素を使用すると、ニーズに応じて HTML でリストを作成およびカスタマイズできます。 これらを使用すると、Web サイト上にデータをわかりやすく整理して表示できます。