零基础HTML入门教程(22)——自定义列表

教程管理员发布于2023-09-30 22:22 HTML教程 169

简介： 自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的描述以 dd 开始。

本章目录

- 1.任务目标
- 2.自定义列表
- 3.代码如下
- 4.小结

1.任务目标

我们除了有序列表和无序列表之外，还有一个自定义列表，我们要熟练掌握自定义列表。

2.自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的描述以 dd 开始。

3.代码如下

<!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>项目1</dt>
        <dd>内容1</dd>
        <dt>项目2</dt>
        <dd>内容2</dd>
    </dl>
</body>
</html>