ol 标签的不同种类,原来还能用于考试场景!

ol 标签是有序列表,通常我觉得不就是前面来个 1 2 3 嘛,但不是这样的,ol 有序列表还能指定前面序列的类型,我们来一起看看:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ol 标签的种类</title>
    </head>
    <body>
        <!-- 默认就是这个,你也可以省略不写 type 属性 -->
        <ol type="1">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 小写字母序列 -->
        <ol type="a">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 大写字母序列,可以用于考试或者问卷调查场景,你其实根本不用在你的选项处敲 A B C 的 -->
        <ol type="A">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 小写罗马数字序列 -->
        <ol type="i">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 大写罗马数字序列 -->
        <ol type="I">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    </body>
</html>

最终呈现的效果:

335.png

评论区
头像