HTML之学习笔记（七）列表

　　html的列表分为有序列表，无序列表和自定义列表

1.有序列表（order list）

代码演示

 <ol  type="a">
     <li>第一项数据</li>
     <li>第二项数据</li>
     <li>第三项数据</li>
 </ol>

　　li(list item)标签表示列表子项，用ol标签包裹的li标签形成有序列表

效果为

属性

　　ol和li标签都有type属性， 用于设定引导图标类型，但ol作用于列表所有项，而li只作用标记项。

　　type取值有1   i    I   a    A ，分别表示数字，小写罗马字母，大写罗马字母，小写英文字母和大写英文字母。

---

2.无序列表（unorder list）

代码演示

 <ul type="circle">
     <li>第一项数据</li>
     <li>第二项数据</li>
     <li>第三项数据</li>
 </ul>

效果为

　　ul的用法和ol基本一致，只是type的取值不同，有circle   disk  square，分别表示圆圈，大圆点和正方形。

---

3.自定义列表（defined list）

　　自定义列表使用dl标签，有dt(data title标题)和dd(data description描述)两种成员标签。

代码演示为

 <dl>
     <dt>标题1</dt>
         <dd>描述1</dd>
     <dt>标题2</dt>
         <dd>描述2</dd>
     <dt>标题3</dt>
         <dd>描述3</dd>
 </dl>                

效果为