選單
HTML ul ol是網頁呈現多數資料常用的標籤，通常搭配li(list)使用，ul意思是Unorder List無序清單，ol為order List有序編號，本文介紹如何設定參數，學會4種排序樣式設定。
下圖範例是HTML中最簡單的清單標籤用法。其中「ul」代表是無序清單元素(Unordered List)，在這個ul標籤裡面內嵌三個清單項目，使用到了「li」列表(List)標籤，顯示結果是論語前三篇篇名的目錄清單。
除了上個步驟看到的綠色實心圓點樣式，也可以加入「type」參數，並且將參數值設定為「circle」，從預覽效果會看到項目符號變成空心原點的樣式。這類似於HTML文字標籤的用法，實質內容是相同的，只是以不同方式呈現方式。
關於清單樣式，HTML代碼其實提供了三種不同的type參數值，截圖中一併列出。預設第一種是「disc」實心原點，另外也可以設定成「circle」或「square」，樣式分別為空心原點和實心正方形。
先前步驟都是ul無序清單，接下來試試看有序清單「ol」標籤(Ordered List)。從截圖可以見得，即使沒有任何的參數設定，HTML也會自動為三個清單項目加上流水編號。
有序清單也可以設定「type」參數，不過它的作用和先前第二步驟在無序清單有本質上的不同。例如將參數值設定為「A」，會是英文字母ABC的編號，因此有序清單的type參數仍然是著重在流水編號，仍然是是有序編號，參數差別是在於以什麼方式進行編號。
接下來進一步瞭解有序清單type參數有哪些類型可以設定，主要有四種，分別是大寫和小寫的英文字母，以及大寫跟小寫的羅馬數字。
由於有序清單涉及到序號，雖然通常都是從1開始，也許有些情況想要由特定的地方開始計數，這時候可以使用「start」參數決定有序清單第一個項目的開始值。
範例分別設定為1、3、5、7，從預覽結果會很清楚相關的用法。
這篇HTML教學文章介紹清單標籤，其作用除了將項目自動換行的版面編排之外，依照有序清單和無序的本質區別另外提供了前置符號的參數設定。這些前置符號其實也能夠設計特定文字或符號編碼加以呈現，但是如此一來HTML代碼會變得有些複雜，因此沒有特殊需求的話，其實使用原本所提供的配套工具即可。
歡迎參考贊贊小屋架設網站服務：
最新文章：