需要学习python的爬虫当然得先理解网页的组成元素，于是自己做了一个简单网页，使用的是sublime，无论是在python还是html5，sublime简直都是神器。
最终效果
我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Python</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="#">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>
<img src="images/0001.jpg" width="100" height="90">
<h3><a href="#">Hello GouFei</a></h3>
<p>I lOVE U</p>
</li>
<li>
<img src="images/0002.jpg" width="100" height="90">
<h3><a href="#">Hello XiangFei</a></h3>
<p>Working Harder</p>
</li>
<li>
<img src="images/0003.jpg" width="100" height="90">
<h3><a href="#">Hello ShaFei</a></h3>
<p>Let's go to HZ</p>
</li>
<li>
<img src="images/0001.jpg" width="100" height="90">
<h3><a href="#">Hello Baby</a></h3>
<p>Be Patient</p>
</li>
</ul>
</div>
<div class="footer"><p>©LvoeFei</p>
</div>
</body>
</html>
总结
- 网页中的素材和样式可以引用绝对地址，这样本地的html文件就都可以打开
- 理解网页标签的嵌套关系 head--body->div->ul->li
- 样式在css中写好，html负责构造
网友评论