小猿圈web前端講解dl、dt、dd標籤

對於web前端工做者以及正在學習前端的同窗來講dl、dt、dd標籤必定不陌生的,今天小猿圈web前端講師就給你們講解一下dl、dt、dd標籤用途等問題。html


dd、dt標籤是是列表用的。前端

咱們平時經常使用的是<ul>< li>標籤,不過dd、dt標籤也蠻不錯,特別是發佈程序的時候功能模塊列表什麼的能夠使用它來排版。web

<dl></dl><dt>< /dt><dd>< /dd>瀏覽器

<dl></dl>用來建立一個普通的列表,<dt>< /dt>用來建立列表中的上層項目,<dd></dd>用來建立列表中最下層項目,<dt></dt>和<dd></dd>都必須放在<dl></dl>標誌對之間。看一下下邊的例子您就會明白了:學習

建立一個普通列表cdn

引用內容 引用內容htm

<html>blog

<head>get

<title>一個普通列表</title>it

</head>

<body text=」blue」>

<dl>

<dt>中國城市</dt>

<dd>北京 </dd>

<dd>上海 </dd>

<dd>廣州 </dd>

<dt>美國城市</dt>

<dd>華盛頓 </dd>

<dd>芝加哥 </dd>

<dd>紐約 </dd>

</dl>

</body>

</html>

此例在瀏覽器中的顯示以下:

中國城市

北京

上海

廣州

美國城市

華盛頓

芝加哥

紐約

以上就是小猿圈web前端講師總結的dl、dt、dd標籤,但願對於學習前端的你有所幫助,不過你們不要忘記點贊、收藏、轉發呦web前端自學②羣:738735873,讓更多和你同樣有一樣問題的同窗獲得幫助,小猿圈爲你們提供一個良好的學習平臺。

相關文章
相關標籤/搜索