第一节练习项目:动手做自己的网页

2017-02-14  本文已影响0人  CaptNem0

Python爬虫实战第一天

成果如下:


代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My first webpage</title>
    <link rel="stylesheet" style="text/css" href="homework.css">
</head>
<body class="body">
    <div class="header">
        <!--img的链接是src,a的链接是href-->
        ![](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>The beach</h2>
        <hr>
        <ul class="photos">
            <li>![](images/0001.jpg)</li>
            <li>![](images/0002.jpg)</li>
            <li>![](images/0003.jpg)</li>
        </ul>
        <p>最近两年,网红已经成为一种超级现象。这种现象背后,折射出国人娱乐精神的普及,猎奇、好玩、炫耀、跟风,成为新时代的时尚词汇。与此同时,网红不再那么神秘而触不可及,它逐渐成为一种大众消费产品,甚至成为了一种职业。</p>
        <p>早在2016年上半年,国内统计的数据显示,中国网红数量已经超过100万,其中以视频直播出现的网红数量占比最大,达到35.9%。</p>
        <p>随着短视频和直播平台数量的增加,网红这个群体还在扩大。在北京,第一家“网红培训班”在一年前就已成立,并迅速将网红带入流水线生产的工业化时代。“网红经济”也成为这两年经济发展中新的增长点。</p>
    </div>

    <div class="footer">
        <p>©CaptNem0</p>
    </div>
</body>
</html>

小结

  1. 无论是做网页还是爬网页,理清网页的HTML整体结构是关键,然后逐步深入实现/挖掘网页的细节;
  2. 看懂、听懂和自己动手做出来相差很远,必须‘learn by doing’。
  3. 在简书中插入图片时,简书生成的图片链接最后一个参数可以更改图片的宽度。
  4. 简书发布文章时会更改HTML中的img代码,怎么办?
上一篇下一篇

猜你喜欢

热点阅读