网页制作 > HTML/Xhtml >
HTML网页列表标记学习教程
佚名
定义列表标记<DL>
定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。定义列表也称为字典列表，因为它与字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好象字典对文字进行解释一样。
在定义列表中，使用<dl>作为定义列表的声明，使用<dt>作为名词的标题，<dd>用来解释名词。 文件范例：7-6.htm
通过<dl>、<dt>、<dd>标记建立定义列表。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：7-6.htm -->
03 <!-- 文件说明：建立定义列表 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07<title>建立定义列表</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <dl>
12 <dt>Photoshop<dd>Adobe公司的图像处理软件
13 <dt>Illustrator<dd>Adobe公司的矢量绘图软件
14 <dt>Freehand<dd>Macromedia公司的矢量绘图软件
15 <dt>CorelDraw<dd>Corel公司的图形图像软件
16 </dl>
17 </body>
18 </html> 文件说明
第11行定义了列表的类型为定义列表，第12行至15行使用了<dt>显示软件名称，<dd>显示软件的说明。
定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。定义列表也称为字典列表，因为它与字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好象字典对文字进行解释一样。
-
基本语法
<dl> <dt>名词一<dd>解释一 <dt>名词二<dd>解释二 <dt>名词三<dd>解释三 …… </dl>
在定义列表中，使用<dl>作为定义列表的声明，使用<dt>作为名词的标题，<dd>用来解释名词。 文件范例：7-6.htm
通过<dl>、<dt>、<dd>标记建立定义列表。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：7-6.htm -->
03 <!-- 文件说明：建立定义列表 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07<title>建立定义列表</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <dl>
12 <dt>Photoshop<dd>Adobe公司的图像处理软件
13 <dt>Illustrator<dd>Adobe公司的矢量绘图软件
14 <dt>Freehand<dd>Macromedia公司的矢量绘图软件
15 <dt>CorelDraw<dd>Corel公司的图形图像软件
16 </dl>
17 </body>
18 </html> 文件说明
第11行定义了列表的类型为定义列表，第12行至15行使用了<dt>显示软件名称，<dd>显示软件的说明。