HTML <li> タグ：正しい理解と使い方

定義と使い方

<li> タグは、List Item（リスト・アイテム）の略で、箇条書きの中の「具体的な各項目」を記述するために使用します。

単体で使用することはできず、必ず親要素である <ul>（順序なし）または <ol>（順序あり）タグの内部にはさみ込んで使用します。親タグが <ul> なら黒丸、<ol> なら数字が、ブラウザによって先頭に割り振られます。

基本例

<!-- 親要素がulの場合（並び順が不同のリスト） -->
<ul>
  <li>りんご</li>
  <li>バナナ</li>
</ul>

<!-- 親要素がolの場合（並び順が固定のリスト） -->
<ol>
  <li>金メダル</li>
  <li>銀メダル</li>
</ol>