列表(li) ul和ol的区别

  1. ul  表示一个内可含多个元素的无序列表或项目符号列表
  3. ol  表示多个有序列表项，通常渲染为有带编号的列表。
  5. li  用于表示列表里的条目。它必须包含在一个父元素里：一个有序列表(
  7. 注: ul 是块级元素可以定义宽和高 ,li表示行排列不能单独使用，需要在ul和ol里面，配合使用。

ul 无序列表

  1.     <!-- 
  2.         this is a unordered list 
  3.         unordered   无序的
  4.         list    列表
  5.         注: ul 就是unordered list的首字母缩写
  6.         标签属性:
  7.             type:
  8.                 定义: 用于设置列表的着重号样式 *据说这个属性现在废弃了,在CSS中list-style-type设置
  9.                 值  : 
  10.                     circle 空心圆
  11.                     disc 实心圆
  12.                     square 实心正方形
  13.                     triangle 在WEBTV接口中使用,这个并不是所有浏览器都支持
  14.     -->
  15.     <ul type="circle">
  16.         <li>list 1</li>
  17.         <li>list 2</li>
  18.         <li>list 3</li>
  19.     </ul>

ol有序列表

  1.  <!-- 
  2.         this is a ordered list
  3.         ordered 有序的
  4.         list    列表
  5.         注: ol 就是ordered list的首字母缩写
  6.                 标签属性:
  7.             type:
  8.                 定义: 编号类型
  9.                 值  : 
  10.                     a 小写字母编号
  11.                     A 大写字母编号
  12.                     i 小写罗马数字编号
  13.                     I 大写罗马数字编号
  14.                     1 数字编号(默认值)
  15.      -->
  16.     <ol type="I">
  17.         <li>list 1</li>
  18.         <li>list 2</li>
  19.         <li>list 3</li>
  20.     </ol>