熟悉网页,并且自己仿照老师的模版,自己做出一个。哎哟!不错哦!!
最终成果:
我的代码
<!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" alt="Pic1"></li>
<li><img src="images/0003.jpg"width="150" height="150" alt="Pic1"></li>
<li><img src="images/0004.jpg"width="150" height="150" alt="Pic1"></li>
</ul>
<p>
stretching from Solta to Mljet, and this unique cycling trip captures the highlights with an ideal balance of activity, culture and relaxation. Experience the beautiful island of Korcula with its picturesque old town, the untouched beauty of Vis, and trendy Hvar with its Venetian architecture. In the company of a cycling guide, this stimulating journey explores towns and landscapes, many of which are on UNESCO's world heritage list. Aboard the comfortably appointed wooden motor yacht, there is ample time between cycles to swim in the azure waters and soak up the ambience of seaside towns.
</p>
</div ><div class="footer">
<p>Alex LI</p>
</div>
</body>
</html>
总结
- CSS和图片的路径设置是我做网站中的小门槛卡了一下
- HTML框架的规律基本上熟悉
- 理解了网页制作中层层嵌套的思路思维方式