Html有序列表使用詳解

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

操作方法

01
先看下我們的html代碼，如圖，代碼很簡單。
02
運行頁面，我們得到一個默認顯示的列表。默認下就是用阿拉伯數字列出我們的列表選項。
03
估計很多人都不知道，除了用阿拉伯數字作序號，我們還可以用羅馬字母來作序號，只需要在ol標簽上添加屬性type=i就行了，代碼如圖
04
刷新頁面，可以看到新的列表序號。
05
另外還有一種序號，就是用英文字母作選項序號，修改屬性type=a就行，修改后效果如圖
06
羅馬字母，和英文字母來作序號，還會區分大小寫的字母，如果要用大寫的字母來顯示序號，只需要用大寫的i和a來做屬性值就行了。
type=I，或 type=A, 二者的效果如圖
07
在HTML5里，這個有序列表，還支持一個新的屬性reversed，設置了該屬性會使序號以倒序的形式顯示。代碼如圖
08
刷新頁面，可以看到現在的序列是由大到小了。
（除了數字序號，其他的英文字母，羅馬字母都支持倒序形式，大家可以自行驗證）
End