在html页面中，合理的使用列表标签可以起到提纲和格式排序文件的作用。
列表分为两类，一是无序列表，一是有序列表，无序列表就是项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔。而有序条列就是指各条列之间是有顺序的，比如从1、2、3…一直延伸下去。
列表的主要标签
| 标 签 |
描 述 |
|
无序列表 |
|
有序列表 |
|
|
目录列表 |
|
定义列表 |
|
菜单列表 |
/- /
|
定义列表的标记 |
|
列表项目的标记 |
5-1 无序列表
无序列表使用的一对标签是
，无序列表指没有进行编号的列表, 每一个列表项前使用
。的属性type有三个选项,这三个选项都必须小写:
disc实心园
circle空心园
square小方块
如果不使用其项目- 的属性值,即默认情况下的
会加"实心园"。
格式1:
格式2
示例
无序列表
- 默认的无序列表加"实心园"
- 默认的无序列表"实心园"
- 默认的无序列表"实心园"
- 无序列表square加方块
- 无序列表square加方块
- 无序列表square加方块
- 无序列表circle加空心园
- 无序列表circle加空心园
- 无序列表circle加空心园
5-2 有序列表
有序列表和无序列表的使用格式基本相同，它使用标签
，每一个列表项前使用- 。
列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项，编号会自动调整。
顺序编号的设置是由
的两个属性type和start来完成的。start=编号开始的数字，如start=2则编号从2开始，如果从1开始可以省略，或是在- 标签中设定value＝"n"改变列表行项目的特定编号，例如
- 。type=用于编号的数字,字母等的类型，如type=a，则编号用英文字母。为了使用这些属性，把它们放在
或- 的的初始标签中。
有序列表type的属性
| type 类 型 |
描 述 |
| type=1 |
表示列表项目用数字标号（1,2,3...） |
| type=A |
表示列表项目用大写字母标号（A,B,C...） |
| type=a |
表示列表项目用小写字母标号（a,b,c...） |
| type=I |
表示列表项目用大写罗马数字标号（Ⅰ,Ⅱ,Ⅲ...） |
| type=i |
表示列表项目用小写罗马数字标号（i,ii,iii...） |
格式1
- 第1项
- 第2项
- 第3项
格式2
- 第1项
- 第2项
- 第3项
实例：
有序列表
- 默认的有序列表
- 默认的有序列表
- 默认的有序列表
- 第1项
- 第2项
- 第3项
- 第4项
- 第1项
- 第2项
- 第3项
5-3 嵌套列表
将一个列表嵌入到另一个列表中，作为另一个列表的一部分，叫嵌套列表。无论是有序列表和无序列表的嵌套，浏览器都可以自动地分成排列。
实列：
嵌套列表
目录
- 这是以序号类型a开头第一行内容
- 这是以序号类型a开头第二行内容
- 这是以序号A类型C开头第一行内容
- 这是以序号A类型C开头第二行内容
- 这是以序号数字51开头第一行内容
- 这是以序号数字51开头第二行内容
- 这是以序号数字51开头第三行内容
- 这是以序号A类型C开头第三行内容
- 这是以序号类型a开头第三行内容
5-4 定义列表的标记/- /
定义列表的标记也叫描述性列表，定义列表默认为两个层次，第一层为列表项标签
- ，第二层为注释项标签
- 。
- 和
- 标签通常是成对使用的。也可以一个列表项对应于几个解释项，这种方式很少用。
- 默认的注释是显示在另一行中,当使用
后,注释项和列表项将显示在同一行。其格式为：
- 第1项
- 注释1
- 第2项
- 注释2
- 第3项
- 注释3
实例：
定义性列表
定义性列表
- WWW：
- WWW是(World wide web)的缩写，也可简写web;
- WWW：
- WWW又叫万维网;
- WWW：
- internet提供的最常用的服务是WWW;
5-5 目录列表和菜单列表
为目录列表标签,是一样的,例如:
格式1:
- 第一项
- 第二项
- 第三项
格式2
实例：
无序列表
- 默认的无序列表加"实心园"
- 默认的无序列表"实心园"
- 默认的无序列表"实心园"
- 默认的目录列表加"实心园"
- 默认的目录列表"实心园"
- 默认的目录列表"实心园"
- 目录列表square加方块
- 目录列表square加方块
- 目录列表square加方块
阅读(625) | 评论(0) | 转发(0) |
