效果：
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>
