WEBTECH 網頁設計教學站
HTML ul li 列表 (項目清單)
HTML ul li 中文常稱為列表清單、項目清單或項目標籤,它的作用是在文章中利用列表的方式把資料比較清楚的呈現,常見的 HTML 項目標籤有兩種,分別是 ul li 與 ol li 這兩種,今天介紹的 ul li 項目標籤是沒有排序的清單,架構像這樣子。

HTML ul li 列表語法
<ul>
<li>第一個項目</li>
<li>第二個項目</li>
<li>第三個項目</li>
...
</ul>
預設的 HTML ul li 項目標籤的寫法是由 <ul> 標籤開始與 </ul> 標籤結束,中間可以有很多組 <li></li> 標籤,每一組就是一個項目,並沒有強制限定最多有多少組 <li></li> 標籤,我們來看看實際的操作範例吧!

HTML ul li 列表範例
<ul>
<li>第一個項目</li>
<li>第二個項目</li>
<li>第三個項目</li>
</ul>
<ul>
<li>蘋果</li>
<li>西瓜</li>
<li>橘子</li>
</ul>
範例的顯示結果
  • 第一個項目
  • 第二個項目
  • 第三個項目
  • 蘋果
  • 西瓜
  • 橘子
HTML ul li 標籤的預設呈現效果是由上而下呈現,從第一組 <li></li> 標籤的項目開始,每一個項目前方符號都是一個黑點做為開頭,這樣的項目清單可以在文章中添加許多清楚明瞭的資料顯示。

需要會自動排序的項目清單嗎?請參閱:HTML ol li 列表 (數字編號項目清單)

延伸閱讀

連絡我們