![HTML5+CSS3王者归来](https://wfqqreader-1252317822.image.myqcloud.com/cover/809/26846809/b_26846809.jpg)
上QQ阅读APP看书,第一时间看更新
5-2 有编号的项目列表
有些列表数据需要强调它的顺序,那么就建议使用本节所述的功能。相关元素的使用格式如下:
<ol><li> … </li></ol>
由于编号列表有许多条,通常又将上述格式以下列方式表达。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P56_119325.jpg?sign=1738863976-bCPfVQbA8ZEM2wFzgeDUPkWDg5dAV0CN-0-98493ce5f20d6680e9b3cc5f16b61c0c)
程序实例ch5_3.html:使用有编号的项目列表,列出美国大学排行榜。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P57_84685.jpg?sign=1738863976-3zlIxgdswts99PtwGLUtlclaiDrW2zOf-0-2f160aec0c431ce634c97fdd2751f4f2)
执行结果
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P57_119327.jpg?sign=1738863976-HulJY0kIT1ucxz0fKNwuQmZSDDMEh3iI-0-ddabc3037ab1230bc22702a98496eafa)
5-3 设定有编号项目列表的起始编号
5-2节所述项目列表的起始编号是1,HTML5在<ol>元素中定义了start属性,可用设定start值的方式定义起始编号,此值必须是整数,可以是正值、0或负值。此时<ol>元素的使用格式如下:
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P57_119329.jpg?sign=1738863976-lHAqiEUw3HxZawDQvRS0a5B61xEQ6C7b-0-6b7f7173f05942e5e566238ae762f126)
上述<ol>标内的n是起始编号值。
程序实例ch5_4.html:用属性start定义列表的起始编号,列出机器人赛跑第4名到第6名的排行榜。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P57_84714.jpg?sign=1738863976-nlI7lgrGSYy45j9Na4ticq73UEbE4kYI-0-57aa69840f37df4458209f3cc70bb394)
执行结果
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P57_84720.jpg?sign=1738863976-lrFpfOWTRTsJtBI64qX4neRra6bnrDoU-0-2f8ab1d8263fb200b83df3d19f52985f)
start属性值也可以是负值,此时编号将采取每次递增1的方式处理。
程序实例ch5_5.html:列出清单的起始编号是负值的应用,并观察执行结果。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P57_84723.jpg?sign=1738863976-6QfbX2ghEV3MRTZgwxKi90FBU8Hwo7zT-0-8286dfb477ddc601e85a4bac40008eff)
执行结果
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P57_84729.jpg?sign=1738863976-EXwkw80C1q7JQen09VygDTRAtML219A8-0-c10460c841e41a5a38869863fae74703)
从上述执行结果可以看到列表编号由负数转到正数的过程。