AI编程助手
AI免费问答
首页
课程
路径
文章
PHP培训
精品课
下载
最新更新

技术文章  >  web前端 > html教程

html中dl和dd和dt标签的定义

黄舟   2017-06-21 15:21   10228浏览 原创

我们在制作网页过程中用到列表时一般会使用

    或者
    标签，很少用刑
    标签，但是这个三个标签却有着不可忽视的作用，毕竟web标准中要尽最大可能的使用已有的标签。它们的用途是：
    用来创建一个普通的列表,
    用来创建列表中的上层项目，
    用来创建列表中最下层项目，
    和都必须放在标志对之间。

    以下是实例：
    <html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
<dt>中国城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>广州 </dd>
<dt>美国城市</dt>
<dd>华盛顿 </dd>
<dd>芝加哥 </dd>
<dd>纽约 </dd>
</dl>
</body>
</html>

    我们可以看到，

    中间的文字即时我们没有进行缩进它也会向前靠拢，而
    中间的内容则自动向后缩进。

    一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，

    标记定义了一个定义列表，定义列表中的条目是通过使用
    标记(“definition title”，定义标题)和
    标记(“definition description”，定义描述)创建的。
    给出了术语名，
    标记给出了术语的定义。
    <dl>
<dt>相当于标题</dt>
<dd>相当于标题下的小分类</dd>
</dl>

    可能我这个说话比较不好理解，就类似于下面这个目录树一样：

    <dl>
<dt>第一章基本语法：</dt>
<dd>1.注释</dd>
<dd>2.函数</dd>
<dd>3.属性</dd>
</dl>

<dl>
<dt>第二章：变量</dt>
<dd>1.分配的变量</dd>
<dd>2.读取的变量</dd>
<dd>3.保留的变量</dd>
</dl>

前端入门到VUE实战笔记：立即学习
>在学习笔记中，你将探索 前端 的入门与实战技巧！

HTML速学教程(入门课程)

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：css中background-repeat属性如何使用 下一条：html <em>标签的作用

相关文章

查看更多

最新文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！