第一周第一节项目作业：
最终成果是这样的：
image.png
我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>爬虫练习1</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"></li>
<li><img src="images/0002.jpg" width="150" height="150"></li>
<li><img src="images/0003.jpg" width="150" height="150"></li>
</ul>
<h4>总结:</h4>
<ul>
<li>一个网页是由 HTML,CSS,JavaScript三部分组成。</li>
<li>常用的HTML标签有：<div> <p> <img> <li> <ul> <a> 等</li>
<li>一个网页分为：header，content，footer三大部分</li>
<li>HTML标签能够嵌套使用，元素层级之分</li>
<li>HTML标签区域结束后，一定不要忘记关闭标签 例如：</div></li>
<li>使用 < 和 > 在页面显示HTML的标签括号 < 和 ></li>
<li>使用<!--注释 --> 在html源码内写注释</li>
<li>浏览器窗口不显示注释内容，注释内容只在HTML源码内可见</li>
</ul>
</div>
<!--页脚区域 -->
<div class="footer">
<p>©mugglecoding</p>
</div>
</body>
</html>
网友评论