爬虫从制作第一个网页开始
2016-07-16 本文已影响0人
Spider_Conquer
首先展示一下自己的大作。老师让我们做这个网页的初衷是让我们对HTML的标签有一个初步的了解,为进一步的爬虫学习打下基础。总体感觉来说,对于一个让人赏心悦目的网页,HTML仅为框架,难点在于网页样式的布局设计,也就是CSS样式的设计,至少要有一个好的审美。
Paste_Image.png
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>first page</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 class="h2">The Beach</h2>
<hr clas="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>
<p class="p">An article (abbreviated art) is a word</p>
</ul>
</div>
<div class="footer">
<p>&CopyPythonSpider</p>
</div>
</body>
</html>
第一次课作业,希望可以继续坚持。