国产午夜男女爽爽爽爽爽_亚洲A∨无码一区二区一二区毛片_蜜桃tv在线二三区_天天摸一摸视频寡妇_国产欧美国产精品第二区_亚洲老司机在线凹凸福利网站_大痉挛中文字幕色视频_欧美日韩性爱第一页_亚洲高清无码在线一区二区_亚洲黄片视频免费看

HTML中ol ul li dt dl dd標(biāo)簽介紹和用法

2012-11-12 10:11:19

DIV+CSS網(wǎng)頁布局中常用的列表元素ul ol li dl dt dd用法解釋，塊級元素div盡量少用，和table一樣，嵌套越少越好

ol 有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>

表現(xiàn)為：

1……
2……
3……

ul 無序列表，表現(xiàn)為li前面是大圓點(diǎn)而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>

很多人容易忽略 dl dt dd的用法
dl 內(nèi)容塊
dt 內(nèi)容塊的標(biāo)題
dd 內(nèi)容

可以這么寫：
<dl>
<dt>標(biāo)題title</dt>
<dd>內(nèi)容content1</dd>
<dd>內(nèi)容content2</dd>
</dl>

dt 和dd中可以再加入 ol ul li和p


dd、dt標(biāo)簽是是列表用的。
我們平時常用的是<ul>< li>標(biāo)簽，不過dd、dt標(biāo)簽也蠻不錯，特別是發(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>標(biāo)志對之間?？匆幌孪逻叺睦幽蜁靼琢耍?br /> 創(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>

此例在瀏覽器中的顯示如下: 中國城市
北京
上海
廣州
美國城市
華盛頓
芝加哥
紐約