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行定义了列表的解释。

(责任编辑:IT教学网)

更多

推荐HTML/Xhtml文章