图文详解HTML中有序列表、无序列表和自定义列表的区别

一、无序列表

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

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

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

  效果图：

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

  二、有序列表

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

     示范代码如下：

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

     效果图：

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

     三、自定义列表

     标签可以定义描述列表，

     标签与

     和

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

     示范代码如下：

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

     效果图：

     3. bootstrap教程

     以上就是图文详解HTML中有序列表、无序列表和自定义列表的区别的详细内容，更多请关注 第一PHP社区 其它相关文章！