html中关于有序列表、无序列表和自定义列表之间的区别

有序列表(ol-li)

        <ol >
            <li>dd</li>
            <li>aa</li>
            <li>dd</li>
        </ol>

如图一
这里写图片描述
可以发现在有序列表中默认的type类型是数字,而且是从1开始的。它有两个属性:type、start。
type:有五个属性值:1、a、A、i、I(罗马数字),表示列表前缀的格式;
start:属性值位数字,表示从type类型的第几个数字开始,有点绕,比如当你选的type=“a”,start=“3”,表示选择的是小写字母类型,从第三个字母c开始充当列表前缀。其他也是如此,不一一举例了。
如图二:
这里写图片描述
代码如下:

<ol type="a" start="3">
            <li>dd</li>
            <li>aa</li>
            <li>dd</li>
        </ol>

无序列表(ul-li)

        <ul>
            <li>无序列表</li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>

如图三
这里写图片描述
无序列表默认的前缀样式是实心圆其实是disc,
ul标签中的属性是type,type属性值有disc(实心圆默认)、circle(空心圆)、square(实心正方形)、none(取消前缀)

自定义列表(dl-dt-dd)

<h3>自定义列表</h3>
        <dl>
            <dt>一级</dt>
                <dd>二级</dd>
                <dd>二级</dd>
            <dt>一级</dt>
                <dd>二级</dd>
                <dd>二级</dd>
        </dl>

这里写图片描述
在自定义列表中,在dt和dd中有了一个缩进。在有序和无序列表要实现此结构就要用到列表的嵌套

简单的谈谈它们之间的区别:
有序列表和无序列表之间的区别是:前缀的不同,有序的是有大写字母和小写字母、数字、罗马数字等,而无序列表是实心圆、空心圆、实心正方形。
但是共同点是都有前缀。
而自定义列表与有序无序的区别是没有前缀,而且是有缩进

ps:bz小白一个,接触这一行没有多久,第一次写博客,有许多的不足,写的时间有点仓促,可能还有许多错误,欢迎指教

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值