HTML使用列表

概述：HTML中共有3种列表，分别是无序列表，有序列表和定义列表

  无序列表的所有列表项目之间没有先后顺序，项目符号由几个符号构成

  有序列表的列表项目有先后顺序，项目符号由字母或数字进行排序

  定义列表是一组带有特殊含义的列表，它用作产生条件和描述的双重列表，可以对列表进行更为灵活的定义

  一个列表项目里包含条件和说明俩部分

1.有序列表

概述：有序列表在列表中将每个元素按数字或字母顺序标号，创建一个有序列表时，以打开和关闭<ol>为开始，然后再每个元素前用标记<li>标识，标识的结束标记为</li>

（1）有序列表ol

概述：有序列表中各个列表项使用编号排列，列表中的项目有先后顺序，一般采用数字或字母作为顺序号

语法：<ol>

  <li> 有序列表项</li>

   <li>有序列表项</li>

  <li>有序列表项</li>

  </ol>

结果：1.  有序列表项

   2.有序列表项

3.有序列表项

（2）有序列表的序号类型type

概述：默认情况下，有序列表的序号是数字，通过type属性可以改变序号的类型，包括大小写字母、数字和大小写罗马数字

语法：

<ol type ＝ “序号类型“>

 <li> 有序列表项</li>

 <li>有序列表项</li>

 <li>有序列表项</li>

 </ol>

说明：有序列表的序号类型有5种

type 列表项目的序号类型

1数字1、2、3、4.。。。

a 小写英文字母a、b、c、d。。。

A 大写英文字母

i 小写罗马数字 i、ii、iii、iv。。。

I 大写罗马数字

提示：type属性仅仅适用于有序和无序列表，并不适用于目录列表、自定义项和菜单列表

（3）有序列表的起始数值start

概述：默认情况下，有序列表的编号是从1开始，通过start属性可以调整编号的起始值

语法：

<ol type = "a" start = "2">

  <li>有序列表项</li>

 <li>有序列表项</li>

 </ol>

2.无序列表

概述：无序列表除了不使用数字或字母外，其他和有序列表类似。无序列表并不依赖顺序来表示重要的程度

（1）无序列表标记<ul>

概述：无序列表的项目排列没有顺序，只以符号作为分项标识

语法：

<ul>

 <li>无序列表项</li>

 <li>无序列表项</li>

 <li>无序列表项</li>

 </ul>

提示：不能将数字列表作为一个无序列表的一部分或附属列表，却能够使用嵌套列表项产生于数字列表项的下一层中

（2）无序列表的类型type

概述：默认情况下，无序列表的项目符号是点，而通过type参数可以调整无序列表的项目符号，避免列表符号单调

语法：

<ul type ＝ “符号类型”>

 <li>无序列表项</li>

 <li>无序列表项</li>

 <li>无序列表项</li>

 </ul>

类型值           列表项目的符号
Disc 默认值，黑色实心圆点

circle空心圆

square正方形

（3）目录列表标记<dir>

概述：目录列表一般用来创建多列的目录列表，他在浏览器中的显示效果与无序列表相同，因为他的功能也可以通过无序列表来实现

语法：

<dir>

 <li>目录列表项</li>

 <li>目录列表项</li>

 <li>目录列表项</li>

 </dir>

（4）.定义列表标记<dl>

概述：定义列表由俩部分组成：定义条件和定义描述。定义列表的英文全称是definition list。<dt>用来指定需要解释的名词，英文全称为definition term；<dd>是具体的解释，英文全称为 definition description

语法：

<dl>

<dt> 定义条件</dt>

<dd>定义描述</dd>

....

</dl>

说明：在该语法中，<dl>标记和</dl>标记分别定义了列表的开始和结束，<dt>后面添加的要解释的名词，而在<dd>后面添加该名词的具体解释

（5）菜单列表标记<menu>

概述：菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中的显示效果和无序列表是相同的，因为他的功能也可以通过无序列表来实现

语法：

<menu>

<li>菜单列表项</li>

<li>菜单列表项</li>

</menu>

 <li>有序列表项</li>

 <li>有序列表项</li>

 </ol>