HTML讲堂第五课 建立列表 无序列表和有序列表
- 综合知识
- 2009-09-06
- 90热度
- 0评论
列表分为两类，一是无序列表，一是有序列表，无序列表就是项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔。而有序条列就是指各条列之间是有顺序的，比如从1、2、3…一直延伸下去。
列表的主要标签
| 标 签 |
描 述 |
| <UL> | 无序列表 |
| <OL> | 有序列表 |
|
<DIR> |
目录列表 |
| <DL> | 定义列表 |
| <MENU> | 菜单列表 |
| <DL>/<DT>/<DD> | 定义列表的标记 |
| <LI> | 列表项目的标记 |
5-1 无序列表<UL>
无序列表使用的一对标签是<ul></ul>，无序列表指没有进行编号的列表, 每一个列表项前使用<LI>。<LI>的属性type有三个选项,这三个选项都必须小写:
| disc实心园 circle空心园 square小方块 |
<ul>如果不使用其项目<li>的属性值,即默认情况下的<ul>会加"实心园"。
格式1:
| <UL> <LI>第一项 <LI>第二项 <LI>第三项 </UL> |
格式2
| <ul> <li type=disc>第一项 <li type=circle>第二项 <li type=square>第三项 </ul> |
示例 5-1.html
5-2 有序列表<OL>
有序列表和无序列表的使用格式基本相同，它使用标签<ol></ol>，每一个列表项前使用<li>。<ol>列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项，编号会自动调整。
顺序编号的设置是由<ol>的两个属性type和start来完成的。start=编号开始的数字，如start=2则编号从2开始，如果从1开始可以省略，或是在<li>标签中设定value＝"n"改变列表行项目的特定编号，例如<li value="7">。type=用于编号的数字,字母等的类型，如type=a，则编号用英文字母。为了使用这些属性，把它们放在<ol>或<li>的的初始标签中。
有序列表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 <ol type=编号类型 start=value> <li>第1项 <li>第2项 <li>第3项 </ol> |
| 格式2 <ol> <li>第1项 <li>第2项 <li>第3项 </ol> |
实例：5-2.html
5-3 嵌套列表
将一个列表嵌入到另一个列表中，作为另一个列表的一部分，叫嵌套列表。无论是有序列表和无序列表的嵌套，浏览器都可以自动地分成排列。
实列：5-3.html
5-4 定义列表的标记<DL>/<DT>/<DD>
定义列表的标记也叫描述性列表，定义列表默认为两个层次，第一层为列表项标签<DT>，第二层为注释项标签<DD>。<DT>和<DD>标签通常是成对使用的。也可以一个列表项对应于几个解释项，这种方式很少用。<DD>默认的注释是显示在另一行中,当使用<dl compact="compact">后,注释项和列表项将显示在同一行。其格式为：
| <dl> <dt>第1项 <dd>注释1 <dt>第2项 <dd>注释2 <dt>第3项 <dd>注释3 </dl> |
实例：5-4.html
5-5 目录列表<DIR>和菜单列表<MENU>
<dir>为目录列表标签,<menu>为菜单列表标签,它们的格式和无序列表<ul>是一样的,例如:
| 格式1: <dir> <li>第一项 <li>第二项 <li>第三项 </dir> |
| 格式2 <menu> <li type=disc>第一项 <li type=circle>第二项 <li type=square>第三项 </menu> |
实例：5-5.HTML