每天学习HTML标签之dl

本文分享了作者从自大到谦逊的心态转变,并通过学习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  
      白色的冷饮料

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值