39-自定义列表

最新推荐文章于 2024-05-14 10:15:19 发布

琪毅

最新推荐文章于 2024-05-14 10:15:19 发布

阅读量699

点赞数 2

文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_45683698/article/details/121365997

版权

2.3自定义列表（重点）

自定义列表的使用场景：

自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。

使用场景：
在这里插入图片描述

在HTML标签中，<dl>标签用于定义描述列表（或定义列表），该标签会与<dt>（定义项目/名字）和<dd>(描述每一个项目/名字)一起使用。

其基本语法格式如下：

<dl>
  <dt>名词1</dt>
  <dd>名词1解释1</dd>
  <dd>名词1解释2</dd>
</dl>

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
        <dd>联系我们</dd>
    </dl>
</body>
</html>

注意点：

1.<dl></dl>里面只能包含<dt>和<dd>。
2.<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>。
3.<dt>和<dd>是并列的兄弟关系，不是包含关系。

琪毅

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
39-自定义列表

2.3自定义列表（重点）自定义列表的使用场景：自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。使用场景：在HTML标签中，<dl>标签用于定义描述列表（或定义列表），该标签会与<dt>（定义项目/名字）和<dd>(描述每一个项目/名字)一起使用。其基本语法格式如下：<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词
复制链接

扫一扫