有序列表(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小白一个,接触这一行没有多久,第一次写博客,有许多的不足,写的时间有点仓促,可能还有许多错误,欢迎指教