小猿圈-IT自学人的小圈子Web前端之路让前端飞

小猿圈web前端讲解dl、dt、dd标签

2019-06-11  本文已影响0人  f673630174f6

对于web前端工作者以及正在学习前端的同学来说dl、dt、dd标签一定不陌生的,今天小猿圈web前端讲师就给大家讲解一下dl、dt、dd标签用途等问题。

dd、dt标签是是列表用的。

我们平时常用的是<ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。

<dl></dl><dt>< /dt><dd>< /dd>

<dl></dl>用来创建一个普通的列表,<dt>< /dt>用来创建列表中的上层项目,<dd></dd>用来创建列表中最下层项目,<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了:

创建一个普通列表

引用内容 引用内容

<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>

此例在浏览器中的显示如下:

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约

以上就是小猿圈web前端讲师总结的dl、dt、dd标签,希望对于学习前端的你有所帮助,不过大家不要忘记点赞、收藏、转发呦web前端自学②群:738735873,让更多和你一样有同样问题的同学得到帮助,小猿圈为大家提供一个良好的学习平台。

上一篇 下一篇

猜你喜欢

热点阅读