リスト HTML <ul><ol><li>

せんせい

<ul>を使うと、簡単にリストを作れる。箇条書きや項目を並べる時に使いたい。文章の頭に「・」が自動的につくので便利だ。

リストを作るには

<ul>
<li>こんな感じで</li>
<li>文の先頭に「・」がつく</li>
</ul>

番号付きリスト

<ul>の変わりに<ol>を使うと、先頭に番号がつく。この番号は<li>が増えると自動的に「1,2,3」と割り振られていくので、これまた便利。

<ol>
<li>こんな感じで</li>
<li>文の先頭に番号がつく</li>
</ol>
  1. こんな感じで
  2. 文の先頭に番号がつく

普通のリストと番号付きリストの違いは、<ul>で囲むか<ol>で囲むかの違いだけ。<li>でリスト内容をマークアップして、それを<ul>か<ol>で囲むとおぼえておこう。