Html有序列表使用詳解

在用Html開發頁面時，我們經常會使用有序列表ol來列出一些選項。有序列表ol標籤會自動為我們的選項添加序號。
有序列表更詳細的使用，我們下面一起看下。

操作方法

（01）先看下我們的html代碼，如圖，代碼很簡單。

（02）運行頁面，我們得到一個默認顯示的列表。默認下就是用阿拉伯數字列出我們的列表選項。

（03）估計很多人都不知道，除了用阿拉伯數字作序號，我們還可以用羅馬字母來作序號，只需要在ol標籤上添加屬性type=i就行了，代碼如圖

（04）刷新頁面，可以看到新的列表序號。

（05）另外還有一種序號，就是用英文字母作選項序號，修改屬性type=a就行，修改後效果如圖

（06）羅馬字母，和英文字母來作序號，還會區分大小寫的字母，如果要用大寫的字母來顯示序號，只需要用大寫的i和a來做屬性值就行了。type=I，或 type=A, 二者的效果如圖

（07）在HTML5裏，這個有序列表，還支持一個新的屬性reversed，設置了該屬性會使序號以倒序的形式顯示。代碼如圖

（08）刷新頁面，可以看到現在的序列是由大到小了。（除了數字序號，其他的英文字母，羅馬字母都支持倒序形式，大家可以自行驗證）