HTML中有序列表、无序列表和自定义列表的区别是什么-创新互联

HTML中有序列表、无序列表和自定义列表的区别是什么？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

 在页面布局时，经常会用到列表，列表分为有序列表、无序列表和自定义列表，那你知道有序列表、无序列表和自定义列表之间的区别吗？

一、无序列表

标签用来定义无序列表，将
标签与
• 标签一起使用，就可以创建无序列表。

  举例：用无序列表列举四大名著，代码如下：

  
  

  
     
  红楼梦
     
  水浒传
     
  三国演义
     
  西游记
  

  效果图：

  

  无序列表属性type，默认的样式是小黑圆，就是disc，type属性有disc（实心圆默认）、circle（空心圆）、square（实心正方形）、none（取消前缀）。

  二、有序列表

  标签可以定义有序列表，将
  标签与
  1. 标签一起使用，就可以创建有序列表，列表排序以数字来显示。

     示范代码如下：

     
        
     红楼梦
        
     水浒传
        
     三国演义
        
     西游记
     

     效果图：

     

     有序列表有两个属性，分别是type和start。 type有五个属性值：1、a、A、i、I(罗马数字)，用来表示列表前缀的样式。start表示从type类型的第几个数字开始，比如当type=“a”，start=“4”，指选择的是小写字母类型，从第四个字母d开始列举。

     三、自定义列表

     标签可以定义描述列表，

     标签与

     和

     一起使用，创建自定义列表（描述列表）。

     示范代码如下：

     
          
     中国四大名著
            
     红楼梦
           
     西游记
            
     水浒传
            
     三国演义
     

     效果图：

     

     自定义列表（描述列表）中，在dt和dd中有了一个缩进。

     有序列表、无序列表和自定义列表的区别：

     有序列表和无序列表都有前缀，但是有序列表是大写字母、小写字母、数字和罗马数字等，而无序列表的前缀是实心圆、空心圆、实心正方形。自定义列表与有序列表，无序列表的区别是它有缩进而没有前缀。

     感谢各位的阅读！看完上述内容，你们对HTML中有序列表、无序列表和自定义列表的区别是什么大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。

     另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

     
     分享标题：HTML中有序列表、无序列表和自定义列表的区别是什么-创新互联
     标题链接：http://cdkjz.cn/article/dogseg.html