リストのタグ

記号リスト

【構文】
<ul>
<li>リスト項目</li>

</ul>

記号リストは Unordered Listといい、リスト全体をulタグで表します。その中のそれぞれのリスト項目は List Itemといい、liタグで表します。リストは入れ子にすることも可能です。

ブラウザで確認すると、リスト項目の先頭に「・」が付きます。リストマークは、CSSで変更が可能です。

See the Pen
1-11_1
by Koji Seto (@yseseto)
on CodePen.

番号リスト

【構文】
<ol>
<li>リスト項目</li>

</ol>

番号リストは Ordered Listといい、リスト全体をolタグで表します。その中のそれぞれのリスト項目は 記号リスト同様、liタグで表します。リストは入れ子にすることも可能です。

ブラウザで確認すると、リスト項目の先頭に「1. 2. 3. …」が付きます。リストマークは、CSSで変更が可能です。

See the Pen
1-11_2
by Koji Seto (@yseseto)
on CodePen.

定義リスト

【構文】
<dl>
<dt>見出し項目</dt>
<dd>項目の説明</dd>

</dl>

定義リストは Definition Listといい、リスト全体をdlタグで表します。その中のそれぞれの見出し項目は Definition Termといい、dtタグで表します。その見出し項目に対する説明は Definition Descriptionといい、ddタグで表します。

その名の通り用語の定義に使用されるほか、お知らせの日付と内容を表すのにもよく使われます。

See the Pen
1-11_3
by Koji Seto (@yseseto)
on CodePen.