【0008】无序列表

HTML5中提供了三种列表：

无序列表是"没有刻意顺序"的列表。

<ul>标签和<li>标签

无序列表使用<ul\></ul\>标签，每个列表项都是<li\></li\>标签。

​​ul​​​是unordered list(无序列表)的缩写，​​li​​是list item(列表项)的缩写。

登录后复制

      
      

       
       <
       
       ul
       
       >
       
       
    
       
       <
       
       li
       
       >面包
       
       </
       
       li
       
       >
       
       
    
       
       <
       
       li
       
       >牛奶
       
       </
       
       li
       
       >
       
       
    
       
       <
       
       li
       
       >鸡蛋
       
       </
       
       li
       
       >
       
       
    
       
       <
       
       li
       
       >水果
       
       </
       
       li
       
       >
       
       

       
       </
       
       ul
       
       >
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
       
       
4.
       
       
5.
       
       
6.
      
      

无序列表是一个父子组合标签 ，上阵父子兵，不能单独出现。

当HTML标签形成嵌套，必须注意代码的缩进(TAB键)。

​

<li>不能单独使用

<li>标签不能单独使用，它必须放到<ul>或者<ol>标签中使用 。

​

<ul>的子标签只能是<li>

HTML规定，<ul>的子标签只能是<li>，绝对不能出现其它的任何标签。

<li>可以放任何标签

<li>标签是容器，内部可以放任何其他标签。

登录后复制

      
      

       
       <
       
       ul
       
       >
       
       
    
       
       <
       
       li
       
       >面包
       
       </
       
       li
       
       >
       
       
    
       
       <
       
       li
       
       >
       
       
        牛奶
       
       
        
       
       <
       
       p
       
       >要脱脂或低脂的
       
       </
       
       p
       
       >
       
       
    
       
       </
       
       li
       
       >
       
       
    
       
       <
       
       li
       
       >鸡蛋
       
       </
       
       li
       
       >
       
       
    
       
       <
       
       li
       
       >水果
       
       </
       
       li
       
       >
       
       

       
       </
       
       ul
       
       >
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
       
       
4.
       
       
5.
       
       
6.
       
       
7.
       
       
8.
       
       
9.