美文网首页
认识html-----定义列表(dl/dt+dd)

认识html-----定义列表(dl/dt+dd)

作者: 周行知 | 来源:发表于2019-04-15 20:45 被阅读0次

定义列表的定义

定义列表的格式:
<dl>

<dt></dt>

<dd>

</dd>

<dt></dt>

<dd>

</dd>

</dl>

dt英文definiten title的缩写,dt就是用来定义列表中标题。

dd的作用对应dt标题对应的描述的。

列表如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>无序列表</title>

</head>

<body>

<dl>

<dt>北京</dt>

<dd>中国的首都,是中国政治,文化中心

</dd>

<dt>周行知</dt>

<dd>

喜马拉雅历史人文主播,爱奇艺号作家,简书作者,头条号作者,百家号作者

</dd>

</dl>

</body>

</html>

运行如图所示:

应用场景:
1)用作网站底部相关信息的制作。

例如京东商城:

2)做图文混排


定义列表的注意点:

1)和我们的列表ul/ol一样,dd/dt与它是一个整体。不可分割。

2)建议是dl标签只能放dd与dt标签。

3)dt/dd如果为丰富界面需要加入其它标签,也可以。

相关文章

  • 认识html-----定义列表(dl/dt+dd)

    定义列表的定义 定义列表的格式: dt英文definiten title的缩写,dt就是用来定义列表中标题。 dd...

  • 第三天

    1.列表 无序列表: -ul >li 有序列表 -ol >li 自定义列表 -dl>dt+dd dt靠前 dd靠后...

  • 第二节:HTML知识点升级

    高级标签 列表:无序列表ul>li;有序列表ol>li;自定义列表dl>dt+dd;列表嵌套ul>li>ul>li...

  • html ul,ol,dl的用法与区别

    先认识一下无序列表(ul),有序列表(ol)和定义列表(dl): ul栗子: …… …… 表现为: …...

  • html第二次课

    标签(空格分隔): 标签+样式 dl标签 定义和用法 dl标签定义了列表 dl标签用于结合dt(定义了列表中的项目...

  • html阶段第二节第一天

    高级标签 列表标签 无序列表 列表一 列表二 ...... 有序列表 列表一 列表二 ...... 定义列表dl...

  • 5-1文字编排 -- 插入断行

    知识储备 dl/dd/dtdl 标签定义了定义列表(definition list)dt 标签定义了定义列表中的项...

  • 总结

    网页中三大列表: 无序列表 ul li, 有序列表 lo li, 定义列表 dl dt被定义的内容 dd list...

  • css样式

    dl 就是definition list, 定义列表;dt 就是definition title,定义标题;dd就...

  • html部分笔记

    ol li 表示有序列表 如: 这是一个有序列表 dl dt dd表示自定义列表 如: 每个自定义列表...

网友评论

      本文标题:认识html-----定义列表(dl/dt+dd)

      本文链接:https://www.haomeiwen.com/subject/wpopwqtx.html