<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body style="height:3000px;" >
<div>
<h1>不靠谱的承诺</h1>
<h2>不靠谱的承诺</h2>
<h3>不靠谱的承诺</h3>
<p>说好一起到白头，你却偷偷焗了油</p>
<p>说好一起当学渣，你却偷偷当学霸</p>
<hr>
<div>
<p>说好一起到<strong style= "background-color: black;color:white;"> 白头</strong>，你却偷偷焗了油</p>
<p>说好一起当<em style="color: red">学渣</em>，你却偷偷当学霸</p>
</div>
<hr>
<div>
<h3>购物清单</h3>
<ul>
<li>1.暖手宝一个，30元，被窝太冷</li>
<li>2.笔记本电脑一台，5000元，php编程</li>
<li>3.充气娃娃一个（波波款），2000元，孤枕难眠</li>
</ul>
<ol>
<li>暖手宝一个，30元，被窝太冷</li>
<li>笔记本电脑一台，5000元，php编程</li>
<li>充气娃娃一个（波波款），2000元，孤枕难眠</li>
</ol>
<dl>
<dt>猪哥</dt>
<dd>小猪CMS开发者，php中文网创始人</dd>
<dt>朱老师</dt>
<dd>php中文网的讲师，猥琐的大叔级码农</dd>
</dl>
</div>
</div>
<hr>
<!-- 表格 -->
<table border="1" cellpadding="5" cellspacing="0" width="500" >
<caption>购物车</caption>
<!-- 表头 -->
<thead>
<tr>
<td>序号</td>
<td>名称</td>
<td>价格</td>
<td>用途</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>暖手宝</td>
<td>30</td>
<td>被窝太冷</td>
</tr>
<tr>
<td>2</td>
<td>笔记本电脑</td>
<td>5000</td>
<td>学php编程</td>
</tr>
<tr>
<td>3</td>
<td>充气娃娃</td>
<td>2000</td>
<td>孤枕难眠</td>
</tr>
</tbody>
</table>
</body>
</html>