順序ありリストと入れ子

導入

第1章で <ul>（順序なし）を学びました。手順のように順番に意味があるときは <ol>（順序あり）を使い、番号を自動で振ってもらいます。

説明

<ol> の各項目も <li> で表します。リストは中に別のリストを 入れ子 にできます。

<ol>
  <li>お湯をわかす</li>
  <li>麺を入れる
    <ul>
      <li>3分待つ</li>
      <li>かき混ぜる</li>
    </ul>
  </li>
  <li>できあがり</li>
</ol>

外側が <ol> なので 1. 2. 3. と番号が付き、内側の <ul> は「・」で表示されます。

やってみよう

上の例を打ち込み、外側に番号、内側に「・」が付く入れ子リストが表示されることを確かめましょう。

演習

<ol> を使い、「朝」「昼」「夜」の3項目を 順序ありリスト で作ってください。