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

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>

效果如下
在这里插入图片描述

4.小结

我们本小结学习了自定义列表,自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的描述以 dd 开始。再html里面很常用,要熟练掌握。

猜你喜欢

转载自blog.csdn.net/weixin_61808806/article/details/128236755