py系统学习笔记：第七阶段：网页编程基础：第一章：HTML5：10.列表标签

本文链接：https://blog.csdn.net/m0_73365527/article/details/126747911

列表标签——有序列表

简述有序标签
- 有序列表是一列项目，列表项目使用数字进行标记。有序列表始于<ol>标签。每个列表项始于<li>标签。
有序列表的type属性：默认为1
- 1 表示列表项目用数字标号（1,2,3...）
- a 表示列表项目用小写字母标号（a,b,c...）
- A 表示列表项目用大写字母标号（A,B,C...）
- i 表示列表项目用小写罗马数字标号（i,ii,iii...）
- I 表示列表项目用大写罗马数字标号（I,II,III...）

有序列表单独使用实例

代码：

    <ol type="1">
        <li>张三家</li>
        <li>李四家</li>
        <li>王五家</li>
    </ol>

    <ol type="1">
        <li>张三家</li>
        <li>李四家</li>
        <li>王五家</li>
    </ol>

    <ol type="a">
        <li>张三家</li>
        <li>李四家</li>
        <li>王五家</li>
    </ol>

    <ol type="A">
        <li>张三家</li>
        <li>李四家</li>
        <li>王五家</li>
    </ol>

    <ol type="i">
        <li>张三家</li>
        <li>李四家</li>
        <li>王五家</li>
    </ol>

    <ol type="I">
        <li>张三家</li>
        <li>李四家</li>
        <li>王五家</li>
    </ol>

实际效果：

有序列表嵌套使用实例

代码：

    <ol type="1">
        <li>张三家
            <ol>
                <li>张三一</li>
                <ol>
                    <li>张三一一</li>
                    <ol>
                        <li>张三一一一</li>
                        <ol>
                            <li>张三一一一一</li>
                            <li>张三二二二二</li>
                            <li>张三三三三三</li>
                        </ol