iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 15
0
Modern Web

菜鳥網頁基礎系列 第 15

菜鳥網頁基礎 DAY15

今天我們要來介紹清單,清單也是很常會需要用到的排版方式,有些人可能會直接使用<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就會有幾個項目

https://ithelp.ithome.com.tw/upload/images/20200924/20129535cDHoVTH9ln.png


上一篇
菜鳥網頁基礎 DAY14
下一篇
菜鳥網頁基礎 DAY16
系列文
菜鳥網頁基礎30

尚未有邦友留言

立即登入留言