HTML网页列表标记学习教程(10)
http://www.itjxue.com 2015-08-05 23:10 来源:未知 点击次数:
定义列表的嵌套
嵌套列表指的是多于一级层次的列表,一级项目下面可以存在二级项目、三级项目等。项目列表可以进行嵌套,以实现多级项目列表的形式。定义列表是一种两个层次的列表,用于解释名词的定义,名词为第一层次,解释为第二层次,并且不包含项目符号。
-
基本语法
- <dl>
- <dt>名词一
- <dd>解释一
- <dd>解释二
- <dd>解释三
- <dt>名词二
- <dd>解释一
- <dd>解释二
- <dd>解释三
- ……
- </dl>
语法解释
在定义列表中,一个<dt>标记下可以有多个<dd>标记作为名词的解释和说明,以实现定义列表的嵌套。
文件范例:7-9.htm
通过<dl>、<dt>、<dd>标记建立定义列表的嵌套。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:7-9.htm -->
03 <!-- 文件说明:定义列表嵌套 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>定义列表嵌套</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <dl>
12 <dt><u>Photoshop</u>
13 <dd>Adobe公司出品
14 <dd>图像处理软件
15 <dt><u>Illustrator</u>
16 <dd>Adobe公司出品
17 <dd>矢量绘图软件
18 <dt><u>Freehand</u>
19 <dd>Macromedia公司出品
20 <dd>矢量绘图软件
21 <dt><u>CorelDraw</u>
22 <dd>Corel公司出品
23 <dd>图形图像软件
24 </dl>
25 </body>
26 </html>
文件说明
第12、15、18、21行定义了定义列表的第一级,并使用了<u>标记加注了下划线,第13和14行 、第16和第17行、第19行和第20行、第22行和23行定义了列表的解释。