<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表类别</title>
</head>
<body>
<ul> <!--无序列表 -->
<h4>常用饮品</h4>
<li>咖啡</li>
<li style="list-style-type: none;">牛奶</li>
<li>咖啡</li>
<li>奶茶</li>
</ul> <ol> <!--有序列表-->
<h4>饮品排行榜</h4>
<li>牛奶</li>
<li>咖啡</li>
<li>奶茶</li>
</ol> <h3>流行音乐排行榜</h3>
<dl> <!--定义列表-->
<dt>流行指数</dt>
<dd>1.易燃易爆炸</dd>
<dd>2.离人愁</dd>
<dd>3.听雪</dd> <dt>新歌</dt>
<dd>1.易燃易爆炸</dd>
<dd>2.离人愁</dd>
<dd>3.听雪</dd> <dt>热歌</dt>
<dd>1.易燃易爆炸</dd>
<dd>2.离人愁</dd>
<dd>3.听雪</dd>
</dl>
<ul style="list-style-type: none;">
<li style="float: left;"><img src="../../One_Chapter/img/gif_move2.gif" alt="" /></li>
<li style="float: left;"><img src="../../One_Chapter/img/gif_move2.gif" alt="" /></li>
<li>夏天的秘密</li>
</ul>
</body>
</html>
结果：
