根据视频教程亲手做的第一个简单的网页！
效果图
<pre><code>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The blah</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="a">Home</a></li>
<li><a href="a">Site</a></li>
<li><a href="a">Other</a></li>
</ul>
</div>
<div class="main-content">
<center>
<h2>The beache</h2>
</center>
<hr />
<img src="images/0001.jpg" width="150">
<img src="images/0002.jpg" width="150">
<img src="images/0003.jpg" width="150">
<p>Hello World!我的第一个网页，褚迪！</p>
</div>
<div class="footer">
<p>©chudicodding</p>
</div>
</body>
</html></code></pre>
总结
- 引用的都是老师提供的样式，css只是理解。但是还不会写。
- <center></center>是居中的意思.
- <div></div>是表示区域的意思。
网友评论