HTML ul li 項目標籤

HTML <ul> 標籤用來定義一個無排序的項目清單列表,若您需要有排序的項目清單,請參考:HTML ol li 項目標籤。HTML <ul> 標籤的使用方式與一般的 HTML 標籤一樣,由 1 個 <ul> 開始至 1 個 </ul> 結束,所有的項目包在 <ul></ul> 標籤之間,成為一個完整的項目清單組,通常用來顯示個別項目的標籤為 <li></li> 標籤,可用來顯示文字清單或超連結清單等,是網頁文章內容排版常用到的清單顯示技巧。

HTML <ul><li> 基本語法
<ul>
 <li></li>
 <li></li>
 <li></li>
 ...
</ul>
一組 <ul></ul> 標籤中,原則上可以有無數組 <li><li> 標籤,用來標示不同的項目內容,所有的主流瀏覽器都支援 <ul><li></li></ul> 項目標籤組的寫法,美化每個項目的文字或項目符號可以透過 CSS 語法來處理。

HTML <ul><li> 範例說明
<ul>
 <li>星期一</li>
 <li>星期二</li>
 <li>星期三</li>
</ul>
以上範例輸出結果
  • 星期一
  • 星期二
  • 星期三
從範例輸出結果可以看到,<ul> 標籤本身並不會顯示什麼樣的內容出來,但在程式碼中佔有一個項目符號組的空間,讓其中的每一個 <li> 項目能夠在此空間中顯示,<li></li> 標籤原則上預設為垂直排列,若要呈現水平排列的效果,可以使用 CSS 做到。

相關主題研究
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012