一、效果
![](https://img.haomeiwen.com/i3861610/33bdc45e571684f9.png)
我的所有代码,部分打字随意了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="homework.css" type="text/css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li><a href="#">Home</a> </li>
<li><a href="#">Sitt</a> </li>
<li><a href="#">Others</a> </li>
</ul>
</div>
<div class="main-content">
<h2>The Beach which I love</h2>
<hr>
<ul class="photos">
<li>
<img src="images/0001.jpg" width="150" height="150" alt="PIC1">
</li>
<li>
<img src="images/0003.jpg" width="150" height="150" alt="PIC2">
</li>
<li>
<img src="images/0004.jpg" width="150" height="150" alt="PIC3">
</li>
</ul>
<P>
YOU can see the big stone!
</P>
</div>
<div class="footer">
<p>© jerrycoding1129</p>
</div>
</body>
</html>
总结:因为以前接触过html ,所以,还算能跟上。
网友评论