html中<dl> <dt> <dd> 標(biāo)簽元素怎么用

發(fā)布時(shí)間：2022-03-11 10:24:13 來(lái)源：億速云閱讀：322 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹了html中<dl> <dt> <dd> 標(biāo)簽元素怎么用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

html <dl> <dt> <dd>組合標(biāo)簽與使用教程

類(lèi)似于問(wèn)題dt列表dd組合，放入dl內(nèi)。自定義列表標(biāo)簽。dt有點(diǎn)不異為標(biāo)題，而dd興許作為平庸列表標(biāo)簽使用。

一、HTML標(biāo)簽語(yǔ)法

dl、dt、dd均不克不及零丁使用，三者一般為以標(biāo)簽組合來(lái)使用，就像ul li列表標(biāo)簽一樣組合在一塊兒使用，同時(shí)均屬于html標(biāo)簽。

1、dl dt dd結(jié)構(gòu)語(yǔ)法

<dl>
<dt>列表項(xiàng)目稱說(shuō)</dt>
<dd>形式一</dd>
<dd>內(nèi)容二</dd>
<dd>模式三</dd>
</dl>

不一定要dl dt dd配合組合著用。

html中<dl> <dt> <dd> 標(biāo)簽元素怎么用
標(biāo)簽組合根蒂語(yǔ)法結(jié)構(gòu)與瀏覽截圖

誠(chéng)然：

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

只用一次dd也是興許的。

同時(shí)dd內(nèi)使用ul li標(biāo)簽組合也是允許的。

2、體味
dl dt dd看似比擬繁雜的多個(gè)標(biāo)簽，現(xiàn)實(shí)上加以了解，dl好比外衣，dt相稱于頭部，dd為身體，而這個(gè)組合是不克不及兼并單獨(dú)使用的。必須以dl dt dd組合著使用。

二、dl dt dd與CSS

<dl> <dt> <dd>三個(gè)標(biāo)簽但凡能夠加class與id引入CSS。

如：

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

均是梗概的。

3、使用留心 dt內(nèi)不能使用h2-h7標(biāo)簽，也即是說(shuō)，dt不克不及放問(wèn)題標(biāo)簽如h2、h3、h4、h5等

三、dl dt dd應(yīng)用小示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>dl dt dd使用小實(shí)例 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/">網(wǎng)頁(yè)模板</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>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html中<dl> <dt> <dd> 標(biāo)簽元素怎么用”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

html中<dl> <dt> <dd> 標(biāo)簽元素怎么用

一、HTML標(biāo)簽語(yǔ)法

二、dl dt dd與CSS

三、dl dt dd應(yīng)用小示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

一、HTML標(biāo)簽語(yǔ)法

二、dl dt dd與CSS

三、dl dt dd應(yīng)用小示例