リストに関するタグ - HTMLタグの一覧サイト

リストとは

1. リスト1
2. リスト2
3. リスト3

といったもののこと。

<ul>のリスト
順不同リストを表す。

<ul>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ul>

冒頭の点（？）を変える。
（非推奨であるため、場合によって文書型宣言を変える必要がある。）

黒丸●
<ul type="disc">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ul>

白丸〇
<ul type="circle">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ul>

黒四角■
<ul type="square">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ul>

<ol>のリスト
番号付きリストを表す。

<ol>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ol>

冒頭の数字を変える。
（同じく非推奨であるため、場合によって文書型宣言を変える必要がある。）

算用数字 1.2.3.
<ol type="1">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ol>

アルファベット小文字 a,b,c,
<ol type="a">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ol>

アルファベット大文字 A,B,C,
<ol type="A">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ol>

ローマ数字小文字 ⅰ,ⅱ,ⅲ,
<ol type="i">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ol>

ローマ数字大文字 Ⅰ,Ⅱ,Ⅲ
<ol type="I">
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
<li>リスト項目を入力</li>
</ol>

<dl>のリスト
定義リストを表す。
定義リストとは、用語とその説明など、辞書的な構造のリストのこと。
しかし、辞書的な意味以外にも利用が可能。

例
11月12日の天気（用語にあたる）
　　晴れのち曇り（説明にあたる）

11月13日の天気
　　曇り時々雨

用語は<dt>、説明には<dd>タグを用いる。

<dl>
<dt>11月12日の天気</dt>
<dd>晴れのち曇り</dd>
<dt>11月13日の天気</dt>
<dd>曇り時々雨</dd>
</dl>