1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <!-- <ul> 正确的写法 9 <li></li> 10 <li></li> 11 <li></li> 12 </ul> --> 13 <!-- ul和li间不能有其他标签 --> 14 <!-- <ul> 错误的写法 15 <p> 16 <li></li> 17 18 </p> 19 </ul> --> 20 <!-- <ol style="1">有序列表 21 <li></li> 22 <li></li> 23 </ol> --> 24 25 </body> 26 </html>
嵌套列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul type="square">
<li>小吃部</li>
<ul type="circle">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<li>BBC</li>
<ul type="circle">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
<li>套餐类</li>
<ul type="circle">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<li>CCC</li>
<ul type="circle">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</ul>
</body>
</html>
定义列表
dl dt dd