- HTML5+CSS3王者歸來
- 洪錦魁
- 110字
- 2019-12-09 14:46:12
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:列出清單的起始編號是負值的應用,并觀察執行結果。

執行結果

從上述執行結果可以看到列表編號由負數轉到正數的過程。
推薦閱讀
- ClickHouse性能之巔:從架構設計解讀性能之謎
- Learning C# by Developing Games with Unity 2020
- Android和PHP開發最佳實踐(第2版)
- 學Python也可以這么有趣
- 深入RabbitMQ
- Java EE 8 Application Development
- Learning Concurrency in Kotlin
- INSTANT Sinatra Starter
- 一本書講透Java線程:原理與實踐
- 大數據時代的企業升級之道(全3冊)
- WCF技術剖析(卷1)
- Learning Shiny
- Kotlin語言實例精解
- 現代C++語言核心特性解析
- Koa與Node.js開發實戰