每天学习HTML标签之dl

iteye_10933

于 2008-12-22 11:24:27 发布

阅读量125

点赞数

分类专栏： JS&HTML 文章标签： HTML CSS Blog

25 篇文章

订阅专栏

本文分享了作者从自大到谦逊的心态转变，并通过学习HTML中的DL标签来提升自己的网页设计技能。文中介绍了DL标签的基本用法及如何创建定义列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看了岁月如歌的BLOG，感觉自己真的有些自大，于是开始学习一下HTML。

大多数都是参照W3SCHOOL写的，有的代码直接拿过来了。勿怪。

学习一下。平时遇到这种要错落有致的列表只知道用UL，LI，然后用CSS。

没想到还有这个一个标签：DL

<dl> 标签定义了定义列表。

onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

示例代码

<html>

<body>

<h4>一个定义列表：</h4>
<dl>
  <dt>咖啡</dt>
  <dd>黑色的热饮料</dd>
  <dd>鸟窝阿</dd>
  <dt>Milk</dt>
  <dd>白色的冷饮料</dd>
</dl>

</body>
</html>

输出结果

一个定义列表：
咖啡
      黑色的热饮料
      鸟窝阿
Milk
      白色的冷饮料