HTML列表

时间:2021-6-4 作者:qvyue

列表标签

HTML有三组列表标签,

无序列表,

有序列表,和

自定义列表。它们由列表和列表项嵌套实现列表功能。

无序列表

无序列表不关注排序,列表符默认是一个实现圆点,至于我们看到了有的列表布局前有各式各样图标、数字样式,都是设置为ul li或ol li的背景实现美化。


    
  • 无序列表项
  • 无序列表项
  • 无序列表项

无序列表常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。一般遇到列表类型布局我们就使用

列表标签布局。因为

无序列表的嵌套关系,也会用于导航条的制作。

有序列表

有序列表的列表项会有序号,默认是阿拉伯数字1. 2. 3. 。不管是有序还是无序列表,一般我们都会对其列表项重新定义css样式。


    
  1. 有序列表
  2. 有序列表
  3. 有序列表

常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。

定义列表

定义列表可以定义列表标题和列表说明,类似一问一答的结构。

    
    
标题
说明
标题2
说明2

使用dl dt dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。