HTML网页列表标记学习教程.
在html页面中，列表可以起到提纲写领的作用。列表分为两种类型，一是有序列表，一是无序列表。前者用项目符号来标记无序的项目，而后者则使用编号来记录项目的顺序。
所谓有序，指的是按照数字或字母等顺序排列列表项目。
所谓
HTML网页列表标记学习教程.
在html页面中，列表可以起到提纲写领的作用。列表分为两种类型，一是有序列表，一是无序列表。前者用项目符号来标记无序的项目，而后者则使用编号来记录项目的顺序。
所谓有序，指的是按照数字或字母等顺序排列列表项目。
所谓无序，是指以●、○、□等开头的，没有顺序的列表项目。
关于列表的主要标记，如下表所示
-
无序列表
-
有序列表
- 、
-
定义列表的标记
- 列表项目的标记 有序列表标记
- 两个标记以及type和两个start属性。
- 基本语法
- 项目一
- 项目二
- 项目三 ……
语法解释
在有序列表中，使用- 作为有序的声明，使用
- 作为每一个项目的起始。
文件范例：7-1.htm
通过- 和
- 标记建立有序列表。
01 02 03 04 05 06 07
建立有序列表 08 09 10图像设计软件
11-
12
- Photoshop 13
- Illustrator 14
- Freehand 15
- CorelDraw 16
第11行定义了列表的类型为有序，第12行到第15行使用了
- 标记作为列表项目的开始。
#p# 有序列表的类型属性TYPE
在有序列表的默认情况下，使用数字序号作为列表的开始，我们可以通过type属性将有序列表的类型设置为英文或罗马字母。- 基本语法
语法解释
其中value的值如下表所示1 数字1，2，3…… a 小写字母a，b，c A 大写字母A，B，C i 小写罗马数字i，ii，iii…… I 大写罗马数字Ⅰ，Ⅲ，Ⅲ…… 文件范例：7-2.htm
通过type属性设定有序列表编号的类型。01 02 03 04 05 06 07
设定有序列表编号类型 08 09 10图像设计软件
11-
12
- Photoshop 13
- Illustrator 14
- Freehand 15
- CorelDraw 16
18图像设计软件
19-
20
- Photoshop 21
- Illustrator 22
- Freehand 23
- CorelDraw 24
26网页动画软件
27-
28
- Flash 29
- LiveMotion 30
第11行定义了列表的编号类型为小写字母，第19行定义了列表的编号类型为大写的罗马字母，第27行定义了列表的编号类型为小写的罗马字母。
#p# 有序列表的起始属性START
在默认的情况下，有序列表从数字1开始记数，这个起始值通过start属性可以调整，并且英文字母和罗马字母的起始值也可以调整。- 基本语法
语法解释
其中不论列表编号的类型是数字、英文字母还是罗马字母，value的值都是其始的数字。 文件范例：7-3.htm
通过start属性设定有序列表的起始编号。01 02 03 04 05 06 07
设定有序列表起始编号 08 09 10图像设计软件
11-
12
- Photoshop 13
- Illustrator 14
- Freehand 15
- CorelDraw 16
18图像设计软件
19-
20
- Photoshop 21
- Illustrator 22
- Freehand 23
- CorelDraw 24
第11行定义了数字有序列表从5开始，第19行定义了罗马数字的有序列表从Ⅲ开始。
#p# 无序列表标记- 作为每一个项目的起始。
文件范例：7-4.htm
通过- 和
- 标记建立无序列表。
01 02 03 04 05 06 07
建立无序列表 08 09 10图像设计软件
11-
12
- Photoshop 13
- Illustrator 14
- Freehand 15
- CorelDraw 16
第11行定义了列表的类型为无序，第12行至15行使用了
- 标记作为列表项目的开始。
#p# 无序列表标记- 作为每一个项目的起始。
文件范例：7-4.htm
通过- 和
- 标记建立无序列表。
01 02 03 04 05 06 07
建立无序列表 08 09 10图像设计软件
11-
12
- Photoshop 13
- Illustrator 14
- Freehand 15
- CorelDraw 16
第11行定义了列表的类型为无序，第12行至15行使用了
- 标记作为列表项目的开始。
#p# 目录列表标记
目录列表用于显示文件内容的目录大纲，通常用于设计一个压缩窄列的列表，用于显示一系列的列表内容，例如字典中的索引或单词表中的单词等。列表中每项至多只能有20个字符。
- 基本语法
- 项目一
- 项目二
- 项目三 ……
语法解释
在目录列表中，使用作为目录列表的声明，使用 - 作为每一个项目的起始。 文件范例：7-5.htm
通过和 - 标记建立目录列表。
01 02 03 04 05 06 07
建立目录列表 08 09 10图像设计软件
1112 17 18 文件说明- Photoshop 13
- Illustrator 14
- Freehand 15
- CorelDraw 16
第11行定义了列表的类型为目录，第12行至第15行使用了
- 标记作为列表项目的开始。
#p# 定义列表标记- 基本语法
- 名词一
- 解释一
- 名词二
- 解释二
- 名词三
- 解释三 ……
- 作为名词的标题，
- 用来解释名词。
文件范例：7-6.htm
通过- 、
- 、
- 标记建立定义列表。
01 02 03 04 05 06 07
建立定义列表 08 09 10图像设计软件
11-
12
- Photoshop
- Adobe公司的图像处理软件 13
- Illustrator
- Adobe公司的矢量绘图软件 14
- Freehand
- Macromedia公司的矢量绘图软件 15
- CorelDraw
- Corel公司的图形图像软件 16
第11行定义了列表的类型为定义列表，第12行至15行使用了
- 显示软件名称，
- 显示软件的说明。
#p# 菜单列表标记- 基本语法
- 项目一
- 项目二
- 项目三
- ……
语法解释
在菜单列表中，使用
定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。定义列表也称为字典列表，因为它与字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好象字典对文字进行解释一样。语法解释
在定义列表中，使用- 作为定义列表的声明，使用
- 基本语法
- 标记建立无序列表。
在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。无序列表主要使用- 、
、 - 、
语法解释
在无序列表中，使用- 作为无序的声明，使用
- 作为每一个项目的起始。
文件范例：7-4.htm
- 标记建立无序列表。
在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。无序列表主要使用- 、
、 - 、
语法解释
在无序列表中，使用- 作为无序的声明，使用
- 基本语法
- 标记建立有序列表。
- 基本语法
有序列表使用编号，而不是项目符号来编排项目。列表中的项目采用数字或英文字母开头，通常各项目间有先后的顺序性。在有序列表中，主要使用- 和
- 列表项目的标记 有序列表标记
-
定义列表
