菜鳥網頁基礎 DAY15

第 12 屆 iThome 鐵人賽

DAY 15

Modern Web

菜鳥網頁基礎系列第 15 篇

12th鐵人賽

小徐

團隊教練我想寫code

2020-09-30 08:39:01

600 瀏覽

分享至

今天我們要來介紹清單，清單也是很常會需要用到的排版方式，有些人可能會直接使用 <p> <br> 把它們分段呈現，但是這樣不但不方便，還可能導致許多錯誤出現，所以要學會使用清單是必備的。

<body>
  <section>
    <h1>無序清單(ul>li)</h1>
    <ul>
      <li>清單</li>
      <li>清單</li>
      <li>清單</li>
      <li>清單</li>
      <li>清單</li>
    </ul>
    <br>
    <br>
    <h1>有序清單(ol>li)</h1>
    <ol>
      <li>清單</li>
      <li>清單</li>
      <li>清單</li>
      <li>清單</li>
      <li>清單</li>
    </ol>
  </section>
</body>

清單他分為有序清單跟無序清單，有序清單就是會出現 1 2 3 4... 按照順序排列出來。而無序清單他的呈現方式就是前面會是黑豆豆。

li 就是他的子項目，有幾個 li就會有幾個項目