试着自己修改了下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个`号,不是‘或'。