歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > HTML >

阿森纳热刺 www.tzxsac.com.cn dl dt dd認識及dl dt dd使用方法

<dl> 標簽用于定義列表類型標簽。

dl dt dd目錄
  1. dl dt dd介紹
  2. 結構語法
  3. dl dt dd案例
  4. dl dt dd總結

一、dl dt dd認識   -   TOP

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

<dl><dt></dt><dd></dd></dl>為常用標題+列表型標簽。如沒有對dl dt dd標簽初始阿森纳热刺樣式,默認dd列表內容會一定縮進。(擴展閱讀:ul li、ol li、li列表)

二、dl dt dd列表標簽語法   -   TOP

<dl>
<dt>列表標題</dt>
<dd>列表內容</dd>
<dd>列表內容</dd>
...
</dl>

語法解釋:
首先dt和dd是放于dl標簽內,標簽dt與dd處于dl下相同級。也就是dt不能放入dd內,dd不能放入dt內。在dl下,dt與dd處于同級標簽。DD標簽可以若干。同時不能不加dl地單獨使用dt標簽或dd標簽。

標題、標題對應列表效果演示
代碼如下:

  1. <html> 
  2. <body> 
  3. <h1>一個定義列表:</h1> 
  4. <dl> 
  5. <dt>css網站</dt> 
  6. <dd>網址為阿森纳热刺 www.tzxsac.com.cn</dd> 
  7. <dt>div css網站</dt> 
  8. <dd>網址為阿森纳热刺 www.tzxsac.com.cn</dd> 
  9. <dt>div+css網站</dt> 
  10. <dd>網址為阿森纳热刺 www.tzxsac.com.cn</dd> 
  11. </dl> 
  12. </body> 
  13. </html> 

 演示截圖
 dl dt dd使用實例演示圖

擴展與提升
dl dt dd是一個組合型標簽
標簽標準用法,代碼如下

  1. <dl> 
  2. <dt>標題1</dt> 
  3. <dd>列表1</dd> 
  4. <dd>列表2</dd> 
  5. </dl> 

同時dd內可以放置<ul>標簽使用。

 

三、html dl dt dd應用實例案例   -   TOP

1、HTML代碼片段:
<dl>
<dt>歡迎來到divcss5</dt>
<dd>這里有,html教程</dd>
<dd>這里有,css???lt;/dd>
<dd>這里有,css教程</dd>
</dl>

2、dl dt dd案例截圖

html dl dt dd實例案例截圖
以上為html dl dt dd列表標簽范例圖

四、DL DT DD標簽總結   -   TOP

我們實踐使用dl dt dd標簽最多地方,通常是具有標題,而標題下對應有若干列表簡單的(欄目標題+對應標題列表)和標題對應下面有內容。在使用時候我們能簡潔HTML代碼情況下,學會靈活使用dl dt dd,了解和掌握標簽結構語法。

在以后開發阿森纳热刺適當運用dl dt dd標簽你將會體會到帶來的便利。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/html/h88.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。