第一周第一節(jié)項目作業(yè)：
最終成果是這樣的：
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">
<!--內(nèi)容區(qū)域 -->
<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>總結(jié):</h4>
<ul>
<li>一個網(wǎng)頁是由 HTML,CSS,JavaScript三部分組成态鳖。</li>
<li>常用的HTML標簽有：<div> <p> <img> <li> <ul> <a> 等</li>
<li>一個網(wǎng)頁分為：header，content，footer三大部分</li>
<li>HTML標簽能夠嵌套使用斯棒，元素層級之分</li>
<li>HTML標簽區(qū)域結(jié)束后午磁，一定不要忘記關閉標簽 例如：</div></li>
<li>使用 < 和 > 在頁面顯示HTML的標簽括號 < 和 ></li>
<li>使用<!--注釋 --> 在html源碼內(nèi)寫注釋</li>
<li>瀏覽器窗口不顯示注釋內(nèi)容顶瞒，注釋內(nèi)容只在HTML源碼內(nèi)可見</li>
</ul>
</div>
<!--頁腳區(qū)域 -->
<div class="footer">
<p>?mugglecoding</p>
</div>
</body>
</html>
