天天看點

HTML中的ul、li、ol、li、dl、dt、dd的差別講解與示例

HTML中的ul和li 需要同時出現,并且要成對出現。



       ul和li 是無序清單的意思。

       ol和li 是有序清單的意思。

       dl、dt和dd是普通清單的意思。



下面給大家舉個例子就明白了:

<html>

<head>

<title>幾種清單的差別</title>

</head>

<body>

<p style="color:#FF0000;">下面是dl、dt和dd的示例</p>

<dl>

<dt>中國城市</dt>

<dd>北京 </dd>

<dd>上海 </dd>

<dd>廣州 </dd>

<dt>美國城市</dt>

<dd>華盛頓 </dd>

<dd>芝加哥 </dd>

<dd>紐約 </dd>

</dl>

<p style="color:#FF0000;">下面是ul和li的示例</p>

<ul>

<li>中國城市</li>

<li>北京</li>

<li>上海</li>

<li>廣州 </li>

<li>美國城市</li>

<li>華盛頓 </li>

</ul>

<p style="color:#FF0000;">下面是ol和li的示例</p>

<ol>

<li>中國城市</li>

<li>北京</li>

<li>上海</li>

<li>廣州 </li>

<li>美國城市</li>

<li>華盛頓 </li>

</ol>

</body>

</html>

預覽下效果是:

HTML中的ul、li、ol、li、dl、dt、dd的差別講解與示例