dl dt dd認(rèn)識及dl dt dd使用方法

一、dl dt dd認(rèn)識?? -?? TOP

html

是一組合標(biāo)簽，使用了dt dd最外層就必須使用dl包裹，此組合標(biāo)簽我們也又叫表格標(biāo)簽，與table表格類似組合標(biāo)簽，故名我們也叫dl表格(擴(kuò)展閱讀：table tr td、table tr th表格布局)。

為常用標(biāo)題+列表型標(biāo)簽。如沒有對dl dt dd標(biāo)簽初始CSS樣式，默認(rèn)dd列表內(nèi)容會一定縮進(jìn)。(擴(kuò)展閱讀：ul li、ol li、li列表)

二、dl dt dd列表標(biāo)簽語法?? -?? TOP

列表標(biāo)題

列表內(nèi)容

列表內(nèi)容

...

語法解釋：

首先dt和dd是放于dl標(biāo)簽內(nèi)，標(biāo)簽dt與dd處于dl下相同級。也就是dt不能放入dd內(nèi)，dd不能放入dt內(nèi)。在dl下，dt與dd處于同級標(biāo)簽。DD標(biāo)簽可以若干。同時不能不加dl地單獨(dú)使用dt標(biāo)簽或dd標(biāo)簽。

標(biāo)題、標(biāo)題對應(yīng)列表效果演示

代碼如下：

一個定義列表：

css網(wǎng)站

網(wǎng)址為www.divcss5.com

div css網(wǎng)站

網(wǎng)址為www.divcss5.com

div+css網(wǎng)站

網(wǎng)址為www.divcss5.com

演示截圖

擴(kuò)展與提升

dl dt dd是一個組合型標(biāo)簽

標(biāo)簽標(biāo)準(zhǔn)用法，代碼如下

標(biāo)題1

列表1

列表2

同時dd內(nèi)可以放置

• 標(biāo)簽使用。

三、html dl dt dd應(yīng)用實(shí)例案例?? -?? TOP

1、HTML代碼片段：

歡迎來到divcss5

這里有，html教程

這里有，css模塊

這里有，css教程

2、dl dt dd案例截圖

以上為html dl dt dd列表標(biāo)簽范例圖

四、DL DT DD標(biāo)簽總結(jié)?? -?? TOP

我們實(shí)踐使用dl dt dd標(biāo)簽最多地方，通常是具有標(biāo)題，而標(biāo)題下對應(yīng)有若干列表簡單的(欄目標(biāo)題+對應(yīng)標(biāo)題列表)和標(biāo)題對應(yīng)下面有內(nèi)容。在使用時候我們能簡潔HTML代碼情況下，學(xué)會靈活使用dl dt dd，了解和掌握標(biāo)簽結(jié)構(gòu)語法。

在以后開發(fā)div+css適當(dāng)運(yùn)用dl dt dd標(biāo)簽?zāi)銓w會到帶來的便利。

總結(jié)

以上是生活随笔為你收集整理的用dl元素编辑html个人信息,html dl dt dd标签元素语法结构与使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。