試著自己修改了下css，效果會略有不同潮饱，不過今天的主要目的不是學習做網頁更啄，所以就不再深入研究。
上個圖：
代碼如下:
<!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>Article</h2>
<ul class="article">
<li class="photos li">
<img src="images/0001.jpg" width="100" height="90">
<h3>The Blah</h3>
<p>Say Something</p>
</li>
<li class="photos li">
<img src="images/0002.jpg" width="100" height="90">
<h3>The Blah</h3>
<p>Say Something</p>
</li>
<li class="photos li">
<img src="images/0003.jpg" width="100" height="90">
<h3>The Blah</h3>
<p>Say Something</p>
</li>
<li class="photos li">
<img src="images/0004.jpg" width="100" height="90">
<h3>The Blah</h3>
<p>Say Something</p>
</li>
</ul>
</div>
<div class="footer">
<p>?mugglecoding</p>
</div>
</body>
</html>
總結和心得：
- 學習如何利用Chorme瀏覽器查看網頁源碼镀钓，使用PyCharm做網頁穗熬，大致了解了下網頁源碼的知識。
- 想修改到和視頻中網頁一樣的效果掸宛，沒成功死陆。
- markdown插入代碼是3個`號招拙，不是‘或'唧瘾。
