由于自己有前端基礎(chǔ),實(shí)話說(shuō)這個(gè)練習(xí)對(duì)我來(lái)說(shuō)意義不大。。。
然后也比較懶,就完成作業(yè)為主了。
最終頁(yè)面效果

Paste_Image.png
html代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The blah</title>
<link rel="stylesheet" type="text/css" href="homework.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav"> <
<li><a >Home</a></li>
<li><a href="#">Site</a></li>
<li><a href="#">Other</a></li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr>
<ul class="photos">
<li><img src="images/0003.jpg" width="150" height="150" alt="Pic1"></li>
<li><img src="images/0002.jpg" width="150" height="150" alt="Pic2"></li>
<li><img src="images/0001.jpg" width="150" height="150" alt="Pic3"></li>
</ul>
<p>
這是一個(gè)練習(xí)項(xiàng)目
<br/>
這是一個(gè)練習(xí)項(xiàng)目    這是一個(gè)練習(xí)項(xiàng)目
<br/>
<span>這是一個(gè)練習(xí)項(xiàng)目</span>
</p>
</div>
<div class="footer">
<p>? 星罹</p>
</div>
</body>
</html>