在網頁設計時我們設計有序列表內容時，經常會在每個ITEM前手工加上一個數值，或是由程序加上這個數值。

而如果使用有序列表標簽ol和li，則不需要這么麻煩，根本不用自行去填寫序數，當單層列表的時候這種特性似乎并不明顯，而當使用多層的時候其特性就很明顯了。

一般的標簽ol和li有序列表應用代碼如下：

 ol  li 列表內容一 /li  li 列表內容二 /li  li 列表內容三 /li  li 列表內容四 /li  li 列表內容五 /li  /ol 

下面讓我們看一下有序列表標簽ol,li的高級應用：

改變有序列表的開始值

改變開始值的屬性是： start ，下面是序列號從10開始的有序列表示例代碼：

 ol start= 10  li 列表內容一 /li  li 列表內容二 /li  li 列表內容三 /li  li 列表內容四 /li  li 列表內容五 /li  /ol 

運行代碼查看效果：

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd  html  head  title CSS在線-示例 /title  style type= text/css  /style  /head  body  ol start= 10  li 列表內容一 /li  li 列表內容二 /li  li 列表內容三 /li  li 列表內容四 /li  li 列表內容五 /li  /ol  /body  /html 

設置有序列表的序號類型

改變編號類型的屬性是： type ，type類型有以下幾種類型：

A 大寫字母 A、B、C、D、E

a 小寫字母 a、b、c、c、e

I 大寫羅馬數字 I、II、III、IV、V

i 小寫羅馬數字 i、ii、iii、iv、v

1 阿拉伯數字 1、2、3、4、5

下面是序列號類型是大寫字母的有序列表示例代碼：

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd  html  head  title CSS在線-示例 /title  style type= text/css  /style  /head  body  ol type= A  li 列表內容一 /li  li 列表內容二 /li  li 列表內容三 /li  li 列表內容四 /li  li 列表內容五 /li  /ol  /body  /html 

以上就是html中ol標簽與li標簽的高級應用的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。