html中<dl> <dt> <dd> 标签元素怎么用

发布时间:2022-03-11 10:24:13 作者:小新
来源:亿速云 阅读:348

这篇文章主要介绍了html中<dl> <dt> <dd> 标签元素怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

html <dl> <dt> <dd>组合标签与使用教程

类似于问题dt列表dd组合,放入dl内。自定义列表标签。dt有点不异为标题,而dd兴许作为平庸列表标签使用。

一、HTML标签语法

dl、dt、dd均不克不及零丁使用,三者一般为以标签组合来使用,就像ul li列表标签一样组合在一块儿使用,同时均属于html标签。

1、dl dt dd结构语法

<dl>
<dt>列表项目称说</dt>
<dd>形式一</dd>
<dd>内容二</dd>
<dd>模式三</dd>
</dl>

不一定要dl dt dd配合组合着用。

html中<dl> <dt> <dd> 标签元素怎么用
标签组合根蒂语法结构与浏览截图

诚然:

<dl>
<dt>dt形式</dt>
<dd>只用一次DD</dd>
</dl>

只用一次dd也是兴许的。

同时dd内使用ul li标签组合也是允许的。

2、体味
dl dt dd看似比拟繁杂的多个标签,现实上加以了解,dl好比外衣,dt相称于头部,dd为身体,而这个组合是不克不及兼并单独使用的。必须以dl dt dd组合着使用。

二、dl dt dd与CSS

<dl> <dt> <dd>三个标签但凡能够加class与id引入CSS。

如:

<dl class="aaa"></dl>
<dl id="bbb"></dl>

<dt class="ccc"></dt> <dt id="ddd"></dt>

<dd class="eee"></dd> <dd id="fff"></dd>

均是梗概的。

3、使用留心 dt内不能使用h2-h7标签,也即是说,dt不克不及放问题标签如h2、h3、h4、h5等

三、dl dt dd应用小示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>dl dt dd使用小实例 CSS5</title>
<style>
dl,dt,dd{ margin:0}
dl.new-box{ border:1px solid #F00; width:200px}
dl.new-box dt{ font-weight:bold; padding-bottom:10px}
</style>
</head>
<body>
<dl class="new-box">
<dt>CSS5栏目</dt>
<dd><a href="//www.css5.com.cn/muban/">网页模板</a></dd>
<dd><a href="//www.css5.com.cn/html/">HTML</a></dd>
<dd><a href="//www.css5.com.cn/css/">CSS属性</a></dd>
</dl>
</body>
</html>

感谢你能够认真阅读完这篇文章,希望小编分享的“html中<dl> <dt> <dd> 标签元素怎么用”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

推荐阅读:
  1. web前端入门到实战:HTML/CSS - 块级非块级 & 替换非替换
  2. HTML中<option>标签怎么用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:html中<radio>单选按钮控件标签怎么用

下一篇:微信小程序动态获取元素宽度高度的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》