HTML入門 - 順番の意味で ul と ol を選ぶ

番号をリストに任せる

ul、ol、番号の手打ちを切り替え、2番目に項目を足して変化を見比べましょう。

ul は順番に意味がない箇条書き
ol は順番そのものが情報になるリスト
ol の番号は項目を足すと自動で振り直される

1 / 3

HTML入門 - 順番の意味で ul と ol を選ぶ

趣味は ul、経歴は ol

順番に意味がない趣味は ul、時系列で読む経歴は ol で包みます。どちらも1項目ずつ li にします。

ol の li に「1.」や「2.」は書きません。画面の番号はブラウザが自動で付けます。

ul と ol はリスト全体の入れ物、li は中の1項目です。li は ul か ol の中へ入れます。

<h2>趣味</h2>
<ul>
  <li>朝のさんぽ</li>
  <li>写真をとる</li>
  <li>コーヒーをいれる</li>
</ul>

<h2>経歴</h2>
<ol>
  <li>2024 年 事務の仕事をはじめる</li>
  <li>2026 年 HTML と CSS を学びはじめる</li>
</ol>

2 / 3

考えてみよう外しても進めます

「サーバーを起動する → ブラウザを開く → URL へアクセスする」を書くとき、どのリストを選びますか。

選ぶと、この枚の中で答えと理由を確かめられます。

3 / 3