リスト

点と番号のリスト

2 種類のリスト

並んだ項目を書くときは、文章でだらだら続けるよりリストにしたほうがずっと読みやすくなります。リストのタグは 2 種類です。

ul は unordered list、順番のない箇条書きです。項目の前に点が付きます。趣味や持ち物のように、並び順に意味がないものに使います。ol は ordered list、順番のあるリストです。項目の前に自動で番号が振られます。手順や年表のように、順番そのものが情報になるものに使います。

li で 1 項目

どちらのリストでも、1 つの項目は li で書きます。li は必ず ul か ol の中に入れます。

<ul> <li>朝のさんぽ</li> <li>写真をとる</li> </ul>

番号は自分で書かないのがポイントです。ol にすればブラウザが 1 から順に振ってくれます。項目を途中に足しても番号がずれません。

趣味と経歴を書こう

趣味の見出しの下には ul を置いて、好きなことを並べます。経歴の見出しの下には ol を置いて、古い順に出来事を並べます。中の文字は自分のものに書き換えてもかまいません。

課題

  1. 趣味の h2 の下に ul を置き、li を 3 つ以上書く
  2. 経歴の h2 の下に ol を置き、li を 2 つ以上書く
  3. 経歴の番号は自分で打たず、ol に任せる

ヒント

index.html
プレビュー

できているか

  • 趣味の箇条書きが 3 つ以上ある
  • 経歴が番号付きリストになっている
  • 経歴の項目が 2 つ以上ある