順不同のリストを作る

ul要素で、箇条書きのリストを作成することができます。リストの項目は、ul要素内に配置するli要素で示します。

一般的なブラウザでは、リストの左側がインデントされて表示されます。

【リストの入れ子】

リストに階層を持たせたい場合は、次のようにli要素の中に別のul要素を配置します。

<ul>
<li>リスト項目A</li>
<li>リスト項目B

<ul>
<li>リスト項目B-A</li>
<li>リスト項目B-B</li>
<li>リスト項目B-C</li>
</ul>

</li>
<li>リスト項目C</li>
</ul>

次のように、ol要素（順序付きのリスト）を入れ子にすることもできます。

<ul>
<li>リスト項目A</li>
<li>リスト項目B

<ol>
<li>リスト項目B-1</li>
<li>リスト項目B-2</li>
<li>リスト項目B-3</li>
</ol>

</li>
<li>リスト項目C</li>
</ul>

【リストのマーカー】

通常は、リストの先頭に黒丸のマークが付きますが、入れ子にされたリストでは異なるマークが使用されます。

（IE 7 の表示例）