html、css、js入门-4：HTML的列表标记

 

 列表的作用

   . 列表是值将具有相似特征或者具有先后顺序的几行文字进行对齐排列

    例如页面显示:
           . one             1. one
           . two             2. two
           . three           3. three

   . 所有的列表都由列表类型和列表项组成

       -- 列表类型 :有序列表<ol>和无序列表<ul>
       -- 列表项 : <li> ,用于指示具体的列表内容

 

  无序列表 <ul>

 
   . <ul> 元素表示无序列表，用于列出页面上没有特定次序的一些项目

   . <ul> 元素中只能包含具体的列表项元素 <li>

      -- 列表中包含的每一项都必须包含在起始标记
          <li>和结束标记</li> 之间

 
       <ul>
            <li>one</li>
            <li>two</li>
            <li>three</li>
       </ul>

 
          页面显示:
                      . one
                      . two
                      . three

 

 

   
    有序列表 <ol>
 
      . <ol> 元素编写有序列表，用于列出页面上有特定次序的一些项目

      . <ol> 元素中也只能包含列表项元素<li>

       <ol>
            <li>one</li>
            <li>two</li>
            <li>three</li>
       </ol>

      页面显示：

                    1. one
                    2. two
                    3. three

 

 

列表的嵌套

      . 将列表元素嵌套使用，可以创建多层列表
            -- 常用于创建文档大纲、导航菜单等

     <ul>
         <li>Web基础知识
            <ul><li>Web的工作原理</li></ul>
         </li>
         <li>HTML快速入门
            <ul><li>基础语法</li></ul>
         </li>
     </ul>

        页面显示:
 
                  . Web基础知识
                       . Web的工作原理
                  . HTML快速入门
                       . 基础语法

 

列表标记

     使用列表元素为html文档添加导航目录