首页 > 代码库 > Html5 基础----列表详述

Html5 基础----列表详述

html5列表 标签

   列表分为: 

        有序列表/无序列表/自定义列表,用的最多的为无序列表和自定义列表

        1.有序列表(order list)

    eg:把??大象放进冰箱里需要分几步

       <ol>

         <li>把冰箱门打开</li>

         <li>把大象放进去</li>

        <li>把冰箱门关上</li>

      </ol>

      运行结果:

          1.把冰箱门打开

          2.把大象放进去

          3.把冰箱门关上

               1.1有序列表的属性

          type="a/A/I/i"   默认有序列表的前面为数字,可以进行更换,更换为a.b.c.或者大A.B.C.或者罗马字符

          start="2" 是指有序列表从几开始

 

    2.无序列表

       eg:

          <ul>

            <li>苹果</li>

             <li>栗子</li>

          </ul>

          2.1无序列表属性

      type="square/circle"  方块/空圆圈,默认是小黑实点

       3.自定义列表

    <dl>

      <dt>标题<dt>

      <dd>内容</dd>
      <dd>内容2</dd>

    </dl>

         

    

Html5 基础----列表详述