HTMLのリスト
HTMLの支持体は、順序付けられていないと定義リストを命じました:
HTMLのリスト
有序列表
|
无序列表
|
オンラインの例 |
順不同リスト
この例では、順不同リストを示しています。
順序付きリスト
この例では、順序付きリストを示しています。
(このページの下部にあるより多くの例を見つけることができます。)
HTML順不同リスト
順序なしリストは、大胆なドット(通常は小さい黒丸)内のアイテムのリストがマークされ、項目のリストです。
<UL>タグを使用して順不同リスト
<li>Coffee</li>
<li>Milk</li>
</ul>
ブラウザは次のように表示されます
- コーヒー
- ミルク
HTML順序付きリスト
同様に、順序付けられたリストには、プロジェクト、標識されたデジタルを使用してプロジェクトのリストです。 番号付きリストは、<OL>タグで始まり。 リストの各項目は<LI>タグで始まります。
マークするために、項目番号を使用して、リスト項目。
<li>Coffee</li>
<li>Milk</li>
</ol>
ブラウザは次のように表示されます
- コーヒー
- ミルク
HTMLカスタムリスト
カスタムリストには、プロジェクトが、プロジェクトとそのコメントの組み合わせだけではなくです。
カスタムリストは<DL>タグで始まり。 各カスタムリストの項目は、<dtが>始まります。 <DD>から始まるために、各カスタム定義リスト項目。
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
ブラウザは次のように表示されます
- コーヒー
- - ブラックホットドリンク
- ミルク
- - ホワイト冷たい飲み物
ノート - 役に立つヒント
ヒント:あなたはなど、段落、改行、画像、リンク、およびその他のリスト、内部のリストアイテムを使用することができます
より多くの例
異なるタイプの順序付けられたリスト
この例では、異なるタイプの順序付きリストを示しています。
順不同リストの異なったタイプ
順序なしリストは、この例では、異なるタイプを示しています。
ネストされたリスト
この例では、どのようにネストされたリストを示しています。
ネストされたリスト2
この例では、より複雑なネストされたリストを示しています。
カスタムリスト
この例では、定義リストを示しています。
HTMLタグリスト
标签 | 描述 |
---|---|
<ol> | 定义有序列表 |
<ul> | 定义无序列表 |
<li> | 定义列表项 |
<dl> | 定义定义列表 |
<dt> | 自定义列表项目 |
<dd> | 定义自定列表项的描述 |