HTML リスト - HTML チュートリアル

HTML リストは、情報のリストを指定するために使用されます。すべてのリストには 1 つ以上のリスト要素を含めることができます。 HTML リストには 3 つの異なるタイプがあります。

順序付きリストまたは番号付きリスト (ol)
順序なしリストまたは箇条書きリスト (ul)
説明リストまたは定義リスト (dl)

注: 別のリスト内にリストを作成できます。これをネストされたリストと呼びます。

HTML 順序付きリストまたは番号付きリスト

順序付けされた HTML リストでは、デフォルトですべてのリスト項目に番号が付けられます。番号付きリストとも呼ばれます。順序付きリストは次で始まります

鬼ごっこ。

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>

今すぐテストしてください

出力：

Javaのstr.substring

牡羊座
ビンゴ
レオ
オラクル

HTML 順序付きリストの詳細については、ここをクリックしてください。 HTML 順序付きリスト

HTML 順序なしリストまたは箇条書きリスト

HTML の順序なしリストでは、すべてのリスト項目が黒丸でマークされます。箇条書きリストとも呼ばれます。順序なしリストは次で始まります

鬼ごっこ。

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul>

今すぐテストしてください

出力：

牡羊座
ビンゴ
レオ
オラクル

HTML 順序なしリストの詳細については、ここをクリックしてください。 HTML 順序なしリスト

Javaの配列リストメソッド

HTML記述リストまたは定義リスト

HTML 記述リストも、HTML および XHTML でサポートされているリストスタイルです。辞書や百科事典のように項目がリストされている定義リストとも呼ばれます。

定義リストは、用語集、用語のリスト、またはその他の名前と値のリストを表示する場合に非常に適しています。

HTML 定義リストには次の 3 つのタグが含まれています。

鬼ごっこ
リストの開始を定義します。
鬼ごっこ
用語を定義します。
鬼ごっこ
用語の定義（説明）を定義します。

 <dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl>

今すぐテストしてください

出力：

牡羊座: -12星座の1つ。
ビンゴ: -私の夜の軽食の一つ
レオ: -12星座のひとつでもあります。
オラクル: -多国籍テクノロジー企業です。

HTML記述リストの詳細については、ここをクリックしてください。 HTML記述リスト

ロボットのコンポーネント

HTML ネストされたリスト

別のリスト内のリストは、ネストされたリストと呼ばれます。番号付きリストの中に箇条書きリストを入れたい場合、そのようなタイプのリストはネストされたリストと呼ばれます。

コード：

 Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol>

今すぐテストしてください

出力：

サポートするブラウザ

要素	クロム	IE	Firefox	オペラ	サファリ
	はい	はい	はい	はい	はい