效果：
Paste_Image.png
代码：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="homework.css" type="text/css">
</head>
<body background="images/bg3-dark.jpg">
<div class="header" id="header">
<img src="./images/blah.png" alt="titile">
<ul class="nav">
<li><strong><a href="#">Home</a></strong> </li>
<li><strong><a href="#">Site</a></strong></li>
<li><strong><a href="#">Other</a></strong></li>
</ul>
</div>
<div class="main-content" id="body">
<h2 class="">The Beach</h2>
<ul class="photos">
<li><img src="./images/0001.jpg" alt="0001" height="150" width="150"></li>
<li><img src="./images/0002.jpg" alt="0002" height="150" width="150"></li>
<li><img src="./images/0003.jpg" alt="0003" height="150" width="150"></li>
</ul>
<p>
我曾经是个挺懒的人，懒到什么程度呢？能坐就不站，能躺就不坐。每天工作完我就爱回家宅着，吃完饭就瘫着刷手机、看小说、玩游戏，兴头起了觉都不要睡，第二天顶着熊猫眼满身疲惫的去上班，然后晚上回去继续照旧，无限循环。
去年年末的一个晚上，我正因为填不满的年终总结而心情烦躁的刷游戏，我爸又照例来我房间语重心长。我玩着游戏依然故我，他终于没忍住发了火，指着我的鼻子就开骂；“你瞧瞧你这样子，除了每天定点去上班，你还做了点什么??？”我当时就像被针扎了下，开口就要争辩，脑海里却是一片空白。
我爸气呼呼的走了，留我在房间里静静的思考，这一年你做了什么有价值的事吗？我找不到答案。在那一刻，我突然有了一种极大的恐慌，难道我的余生就要继续这样懒下去？不！我一定要做点什么，我要拉自己一把！
文／秦子夜（简书作者）
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。
</p>
</div>
<div class="footer" id="foot">
<p>? Mugglecoding</p>
</div>
</body>
</html>
