對于web前端工作者以及正在學習前端的同學來說dl、dt、dd標簽一定不陌生的,今天小猿圈web前端講師就給大家講解一下dl、dt、dd標簽用途等問題。
dd、dt標簽是是列表用的。
我們平時常用的是<ul>< li>標簽,不過dd、dt標簽也蠻不錯,特別是發(fā)布程序的時候功能模塊列表什么的可以使用它來排版。
<dl></dl><dt>< /dt><dd>< /dd>
<dl></dl>用來創(chuàng)建一個普通的列表,<dt>< /dt>用來創(chuàng)建列表中的上層項目,<dd></dd>用來創(chuàng)建列表中最下層項目,<dt></dt>和<dd></dd>都必須放在<dl></dl>標志對之間。看一下下邊的例子您就會明白了:
創(chuàng)建一個普通列表
引用內容 引用內容
<html>
<head>
<title>一個普通列表</title>
</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標簽,感覺清楚了很多吧,好好利用dl、dt、dd標簽,你的頁面會很整齊的,小猿圈為大家提供一個良好的學習平臺,大家可以好好利用學習。