看了示例的视频和资料,很快就完成了第一个网页!
最终网页效果:
我的代码:
<!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 href="#">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/0001.jpg" width="150" height="150">
<img src="images/0002.jpg" width="150" height="150">
<img src="images/0003.jpg" width="150" height="150">
<p>in Indonesia has long been famous as a leading tourist
destination in terms of seaside travel, with its exotic
natural scenery and vibrant culture, the world for its
exotic and vibrant art and culture, Bali is an island
of paradise.
</p>
</li>
</ul>
</div>
<div class="footer">
<p>© Mugglecoding</p>
</div>
</body>
</html>
总结:
- 了解了标签的含义
- 理解了HTML、CSS和js的关系