无序列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无序列表(重点)</title>
</head>
<body>
<h3>你喜欢的食物?</h3>
<ul>
<li>火锅</li>
<li>香橙</li>
<li>红西柚</li>
<li>
<p>222</p>
</li>
</ul>
</body>
</html>
有序列表
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>有序列表(理解)</title>
</head>
<body>
<h2>粉丝排行榜</h2>
<ol>
<li>胡歌 2000000000</li>
<li>罗小黑 300000000</li>
<li>刘亦菲 29999999</li>
<li>赵丽颖 299999</li>
</ol>
</body>
</html>
自定义列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>自定义列表(重点)</title>
</head>
<body>
<dl>
<dt>关注我们</dt>
<dd>新浪微博</dd>
<dd>官方微信</dd>
<dd>联系我们</dd>
</dl>
</body>
</html>