表格标签是用来显示数据的，那么列表就是用来布局的。

列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。

根据使用情景不同，列表可以分为三大类：无序列表，有序列表和自定义列表。

无序列表

基本语法

标签表示HTML页面中项目的无序列表，一般会议项目符号呈现列表项，而列表项使用
• 标签定义。

  
      
  列表项1
      
  列表项2
      
  列表项3
      。。。
  
  

  • 无序列表的各个列表项之间没有顺序级别之分，是并列的。

  • 中只能嵌套
  ，直接在
  标签中输入其他标签或文字的做法是不被允许的。
  • 与
  之间相当于一个容器，可以容纳所有元素。

  • 无序列表会带有自己的样式属性，但实际使用中，我们会使用CSS来设置。

  代码示例

  
  
  
  
      
      
  
  
      
  
          
  榴莲
          
  臭豆腐
          
  螺蛳粉
          
  
              
  123
          
      
  
  
  

  有序列表

  有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列带定义。

  基本语法

  在HTML中，

  标签用于定义有序列表，列表以数字来显示，并且使用
  1. 标签来定义列表项。

     
       
     列表项1
       
     列表项2
       
     列表项3
       。。。
     
     

     • 中只能嵌套
     ，直接在
     标签中输入其他标签或文字的做法是不被允许的。
     • 与
     之间相当于一个容器，可以容纳所有元素。

     • 有序列表会带有自己的样式属性，但实际使用中，我们会使用CSS来设置。

     代码示例

     
     
     
     
         
         
     
     
         
     粉丝排行榜
         
     
             
     刘德华 10000
             
     刘若英 1000
         
     
     
     

     自定义列表

     自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前乜有任何项目符号。

     基本语法

     在HTML标签中，

     标签用于定义描述列表，该标签会与

     （定义项目/名字）和

     （描述每一个项目/名字）一起使用。

     
         
     
           
     名词1
           
     名词1解释1
           
     名词1解释2
         
         
     
           
     名词2
           
     名词2解释1
           
     名词2解释2
         
     ...
     
     
     

     • 里面只能包含
       和
       。

     • 和
       个数没有限制，经常一个
       对应多个

     示例代码

     
     
         
             
             
         
         
             
     
                 
     帮助中心
                 
     账户管理
                 
     购物指南
                 
     订单操作
             
             
     
                 
     服务支持
                 
     售后政策
                 
     自助服务
                 
     相关下载
             
             
     
                 
     线下门店
                 
     小米之家
                 
     服务网点
                 
     授权体验店/专区