目次
順序がないリスト
手順書のように順序が振ってあるものではなく、材料名のような箇条書きでよく使われるリストです。
アンオーダーリストの略である<ul>タグと<li>タグを使います。
このように先頭に黒丸のついたリストが作成されます。
この黒丸（リストマーカー）を取りたいときは、CSSでlist-style-type: none;を記述すると消えます。
ちなみに、list-style-type:に指定できる値は以下になります。
| none | リストマーカーなし |
| disc | 塗りつぶされた円 |
| circle | 中が空の円 |
| square | 塗りつぶされた資格 |
| decimal | 数値。１から始まる。 |
| lower-roman | 小文字のローマ数字 |
| upper-roman | 大文字のローマ数字 |
順序付きリスト
次に手順書のように順序があるリストを説明します。
オーダーリストの略である<ol>タグを使用します。
このように数字の１から順にリストの要素分だけ番号を振ってくれます。
ちなみに、<ul>と<ol>の直下にはli要素以外は記述できません。
説明リスト
最後のリストである説明リストですが、項目とその説明をセットにして示します。
dl要素は、項目名となる<dt>タグと、説明を示す<dd>タグで構成されています。
このように少しずれて表示されます。
まとめ
リストはこの３つだけなので覚えやすいですが、初めの頃は＜ｄｄ＞と＜ｄｔ＞を間違う傾向にあるので注意しましょう。
基本大概のものはｔが付くと頭なので、そのような覚え方もありかと思います。
リストはメニューを作ったり、サイドバーを作ったりと頻出するのでおさえておきましょう！