HTML中有序列表,无序列表和自定义列表的区别是什么?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
,在页面布局时,经常会用到列表,列表分为有序列表,无序列表和自定义列表,那你知道有序列表,无序列表和自定义列表之间的区别吗?
<强>一、无序列表强>
& lt; ul>标签用来定义无序列表,将& lt; ul>标签与& lt; li>标签一起使用,就可以创建无序列表。
举例:用无序列表列举四大名著,代码如下:
& lt; ul> & lt; li>红楼梦& lt;/li> & lt; li>水浒传& lt;/li> & lt; li>三国演义& lt;/li> & lt; li>西游记& lt;/li> & lt;/ul>
效果图:
无序列表属性类型,默认的样式是小黑圆,就是圆盘,类型属性有盘(实心圆默认),圆(空心圆),广场(实心正方形),没有一个(取消前缀)。
<强>二,有序列表强>
& lt; ol>标签可以定义有序列表,将& lt; ol>标签与& lt; li>标签一起使用,就可以创建有序列表,列表排序以数字来显示。
示范代码如下:
& lt; ol> & lt; li>红楼梦& lt;/li> & lt; li>水浒传& lt;/li> & lt; li>三国演义& lt;/li> & lt; li>西游记& lt;/li> & lt;/ol>
效果图:
有序列表有两个属性,分别是类型和开始,类型有五个属性值:1,,,我,我(罗马数字),用来表示列表前缀的样式.start表示从类型类型的第几个数字开始,比如当类型=癮”,开始=?”,指选择的是小写字母类型,从第四个字母d开始列举。
<强>三、自定义列表强>
& lt; dl>标签可以定义描述列表,& lt; dl>标签与& lt; dt>和& lt; dd>一起使用,创建自定义列表(描述列表)。
示范代码如下:
& lt; dl> & lt; dt>中国四大名著& lt;/dt> & lt; dd>红楼梦& lt;/dd> & lt; dd>西游记& lt;/dd> & lt; dd>水浒传& lt;/dd> & lt; dd>三国演义& lt;/dd> & lt;/dl>
效果图:
自定义列表(描述列表)中,在dt和dd中有了一个缩进。
<强>有序列表,无序列表和自定义列表的区别:强>
有序列表和无序列表都有前缀,但是有序列表是大写字母,小写字母,数字和罗马数字等,而无序列表的前缀是实心圆,空心圆,实心正方形。自定义列表与有序列表,无序列表的区别是它有缩进而没有前缀。
感谢各位的阅读!看完上述内容,你们对HTML中有序列表,无序列表和自定义列表的区别是什么大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。