- HTML5+CSS3王者歸來
- 洪錦魁
- 235字
- 2019-12-09 14:46:13
5-2 有編號的項目列表
有些列表數據需要強調它的順序,那么就建議使用本節所述的功能。相關元素的使用格式如下:
<ol><li> … </li></ol>
由于編號列表有許多條,通常又將上述格式以下列方式表達。

程序實例ch5_3.html:使用有編號的項目列表,列出美國大學排行榜。

執行結果

5-3 設定有編號項目列表的起始編號
5-2節所述項目列表的起始編號是1,HTML5在<ol>元素中定義了start屬性,可用設定start值的方式定義起始編號,此值必須是整數,可以是正值、0或負值。此時<ol>元素的使用格式如下:

上述<ol>標內的n是起始編號值。
程序實例ch5_4.html:用屬性start定義列表的起始編號,列出機器人賽跑第4名到第6名的排行榜。

執行結果

start屬性值也可以是負值,此時編號將采取每次遞增1的方式處理。
程序實例ch5_5.html:列出清單的起始編號是負值的應用,并觀察執行結果。

執行結果

從上述執行結果可以看到列表編號由負數轉到正數的過程。
推薦閱讀
- Spring 5企業級開發實戰
- C語言程序設計習題解析與上機指導(第4版)
- 鋒利的SQL(第2版)
- Haxe Game Development Essentials
- Mastering Android Development with Kotlin
- Visual C#通用范例開發金典
- HTML 5與CSS 3權威指南(第3版·上冊)
- Python自然語言理解:自然語言理解系統開發與應用實戰
- Building Slack Bots
- SAP Web Dynpro for ABAP開發技術詳解:基礎應用
- 基于JavaScript的WebGIS開發
- Scala編程(第4版)
- Internet of Things with Arduino Cookbook
- Activiti權威指南
- 軟件設計基礎理論