記号リスト
【構文】
<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タグで表します。
その名の通り用語の定義に使用されるほか、お知らせの日付と内容を表すのにもよく使われます。