<ul> 順序のないリストを作成する

<ul>タグの説明

<ul>は、順序のないリストを表したい場合に使用します。順序のあるリストを作成する場合は、<ol>を採用して下さい。

まずリストの開始を<ul>で宣言し、リストの項目を表す<li>を任意の数だけ配置します。項目の中にはフロー・コンテンツが配置可能なので、リストを入れ子にすることも許可されています。

順序のないリストでは、各項目の先頭に目印のマーカーが与えられます。type属性でリストのマーカーを選択することも可能ですが、見栄えに関する細かい調整はCSS（スタイルシート）で行いましょう。

<ul>タグの特徴

• レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
• 視覚的な効果は特に与えられませんが、ここで各項目のマーカーを一括で指定することも可能です。必要に応じてスタイルシートを調整して下さい。
• 同一のページ内に複数使うことができます。この要素に含まれる<li>の中にリストを入れ子にすることも許可されています。

<ul>に指定できる主な属性

type（非推奨）

マーカーの種類を指定します。代わりにCSSのlist-style-typeプロパティを使用することが推奨されています。

• disc：黒丸
• circle：白丸
• square：四角

グローバル属性

全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。

イベントハンドラ

全てのHTML要素に指定できるコンテンツ属性です。

<ul>の使い方とサンプル

順序のあるリストでは、各項目の先頭にマーカーが与えられます。このマーカーの種類や表示位置は、スタイルシートで調整して下さい。

<ul type="disc">
	<li>リスト項目 1</li>
	<li>リスト項目 2</li>
	<li>リスト項目 3</li>
</ul>

<ul type="square">
	<li>リスト項目 1</li>
	<li>リスト項目 2</li>
	<li>リスト項目 3</li>
</ul>

リスト項目の中にリストを配置することもできます。順序のあるリストと順序のないリストを上手く使い分けましょう。

<ol>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>
		リストの子リストです。
		<ul>
			<li>子リスト項目</li>
			<li>子リスト項目</li>
			<li>子リスト項目</li>
		</ul>
	</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
</ol>