【HTML】ol,ul,liタグってなに？

動機

• olタグ,ulタグの使い分けってどうなってるんだっけ。っていうか何ができるんだっけ。忘れがちなのでメモ。
  　　

olタグ,ulタグ,liタグとは？

• どれも箇条書きをするためのタグ。
• 「ol + li」、「ul + li」と、ol,ulにliを組み合わせて使うのが基本。
• ol,ulタグ内にliは好きな数入れられる。
  　　

具体的な使い方( olタグ + liタグ )

• olタグは行頭に番号を振ってくれる。

test.html

    <ol>
        <li>要素1</li>
        <li>要素2</li>
        <li>要素3</li>
    </ol>

　　

• ブラウザで見るとこんな感じ。行頭に番号が振られている。liタグは箇条書きの項目を作るためのタグ。必要な数をulタグ内に入れよう。
  

　　

具体的な使い方( ulタグ + liタグ )

• ulタグは行頭に丸ぽちをつけて箇条書きを表現する。

test.html

    <ul>
        <li>要素1</li>
        <li>要素2</li>
        <li>要素3</li>
    </ul>

　　

• ブラウザで見るとこんな感じ。行頭が丸ぽちになってる。
  　　
  　
  　

まとめ

• ol,ul,liタグでブラウザでの箇条書きを表す。
• ol ... 行頭に番号を振る箇条書き
• ul ... 行頭に丸ポチをつける箇条書き
• li ... 箇条書きの項目を作る