创建一个网页
网站页面截图如下:
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The blash</title>
<link rel="stylesheet" type="text/css" href="main.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>
<ul class="photos">
<li>
<img src="images/0001.jpg" width="150px" height="150px" />
</li>
<li>
<img src="images/0002.jpg" width="150px" height="150px" />
</li>
<li>
<img src="images/0003.jpg" width="150px" height="150px" />
</li>
<p>
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
</p>
</ul>
</div>
<div class="footer">
<p>©Mugglecoding</p>
</div>
</body>
</html>
1、了解网站结构。因为有web前端的基础,这个比较容易。
2、继续后面的学习