爬虫从制作第一个网页开始

首先展示一下自己的大作。老师让我们做这个网页的初衷是让我们对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>

第一次课作业,希望可以继续坚持。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,496评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,684评论 1 92
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,118评论 24 450
  • iOS的版本号分为:Version、Build Version:与App Store上版本号保持一致,在plist...
    R_yan阅读 4,589评论 0 1
  • 弘丹参考的是傅佩荣老师的《人能弘道-傅佩荣谈论语》,绿窗幽梦参考的是朱熹的《四书章句集注》,由弘丹整理。 小编会每...
    弘丹阅读 5,503评论 1 19