列表标签之有序标签(本文为个人学习笔记,内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。 > 所有知识点归属原作者,仅作非商业用途分享)
列表标签之有序标签
有序列表是一列项目,列表项目使用数字进行标记。
有序列表始于<ol>标签
每个列表项始于<li>标签
具体的操作过程<ol><li>这是第一个列表项</li><li>这是第二个列表项</li><li>这是第三个列表项</li></ol>
标签演示
-
这是第一个列表项
-
这是第二个列表项
-
这是第三个列表项
type属性编辑
<ol>的属性type拥有的选项
意思就是:替换,前缀的样式。
- 1 表示列表项目用数字标号(1,2,3…)
- a 表示列表项目用小写字母(a,b,c…)
- A 表示列表项目用大写字母(A,B,C…)
- i 表示列表项目用小写罗马数字标号(i,ii,iii…)
- i 表示列表项目用大写罗马数字标号(I,II,III…)
具体的操作步骤:<ol type="1"><ol type="a"><ol type="A"><ol TYPE="i"><ol type="I">
嵌套有序标签
有序标签是可以嵌套的
但是不建议多次嵌套,会导致,界面混乱,且难以维护
具体操作步骤:
- 嵌套主题1
- 第一次嵌套
- 嵌套主题2
- 第二次嵌套
嵌套演示——并使用type属性
食物水果草莓西瓜哈密瓜蔬菜西红柿白菜黄瓜肉类鸡肉牛肉鸭肉
注意:
嵌套尽量不要多次嵌套,不仅内容混乱,而且难以维护
可以通过,type更改前缀