HTML List 清單怎麼用?

清單本身是一個巢狀的元件,我們可以分為無序清單(unordered list)和有序清單(ordered list)。

無序清單(Unordered List)

無序清單使用 <ul> 標籤來定義,清單項目使用 <li> 標籤來定義。無序清單的項目通常以子彈(圓點)顯示。

<ul>
  <li>第一項</li>
  <li>第二項</li>
  <li>第三項</li>
</ul>

顯示結果:

  • 第一項
  • 第二項
  • 第三項

有序清單(Ordered List)

有序清單使用 <ol> 標籤來定義,清單項目使用 <li> 標籤來定義。有序清單的項目通常以數字顯示。

<ol>
  <li>第一項</li>
  <li>第二項</li>
  <li>第三項</li>
</ol>

顯示結果:

  1. 第一項
  2. 第二項
  3. 第三項

看完之後,好想學網頁開發!

design by freepik

原來網頁開發有這麼多好處,時至今日,網頁開發已經漸漸地變得很簡單!有越來越多免費的資源可以運行你的網站。

你只需要:

  1. 電腦端寫好網頁
  2. 打包成資料夾
  3. 丟上託管網頁,網站上線!

我開設了 “網頁設計入門” 課程,幫助你最仔細最深入的了解網頁開發的基礎。

課程中我們將會一起了解網際網路的基本邏輯,學習使用程式碼編輯軟體,並開始撰寫屬於自己的網頁。

課程中也會學習使用前端框架,幫助你更快速的設計網頁。

最後將整個網頁打包丟到網路上,在五秒之內正式上線!推到全世界~

「課程預計於 11 月份上架,趁現在追蹤課程,第一時間取得超早鳥優惠!」