日期:2014-01-30  浏览次数:20592 次

网页制造aiyiweb文章简介:dl、dt、dd列表标签实例.

dd、dt标签是是列表用的。

我们平时常用的是<ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功用模块列表什么的可以使用它来排版。

<dl></dl><dt>< /dt><dd>< /dd>

<dl></dl>用来创建一个普通的列表,<dt>< /dt>用来创建列表中的上层项目,<dd></dd>用来创建列表中最下层项目,<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了:

创建一个普通列表

  • <html>
  • <head>
  • <title>一个普通列表</title>
  • </head>
  • <body text="blue">
  • <dl>
  •   <dt>中国城市</dt>
  •     <dd>北京 </dd>
  •     <dd>上海 </dd>
  •     <dd>广州 </dd>
  •   <dt>美国城市</dt>
  •     <dd>华盛顿 </dd>
  •     <dd>芝加哥 </dd>
  •     <dd>纽约 </dd>
  • </dl>
  • </body>
  • </html>

此例在浏览器中的显示如下:

中国城市
   
北京
   
上海
   
广州
 
美国城市
   
华盛顿
   
芝加哥
   
纽约