【Python爬虫历程】HTML5页面基本结构知识梳理

最新推荐文章于 2023-12-29 12:59:04 发布

Demo.demo

最新推荐文章于 2023-12-29 12:59:04 发布

阅读量407

点赞数

分类专栏： python爬虫历程文章标签： javascript html 爬虫

本文链接：https://blog.csdn.net/qq_27524749/article/details/106439716

版权

python爬虫历程专栏收录该内容

18 篇文章 2 订阅

订阅专栏

好久没写博客，上次爬虫接着写吧，直接从实战开始吧

如果要爬虫，首先从了解网页开始，这篇写HTML5页面基本结构知识梳理

直接在代码中讲述吧，下面附一个html页面的完整代码，可以看看，注释说明一些东西

网页主要分为head与body

head里面主要放一些网页的属性，内容的样式等等

body中有内容标签以及脚本用来控制操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--样式（网页上显示内容的表现样式-->
    <style>
        ul{
            list-style: none;
        }
        li{
            display: inline-block;
            width: 120px;
        }
        a{
            text-decoration-line: none;
            color: blueviolet;
        }
        li:hover a{
            color: red;
        }

    </style>
</head>

<body>
    <!--内容-->
    <ul>
        <li><a href="https://plus.jd.com/index?flow_system=appicon&flow_entrance=appicon11&flow_channel=pc">PLUS会员</a></li>
        <li><a href="javascript:void(0)" onclick="msgBox()">click</a></li>
        <li><a href="https://red.jd.com/">品牌闪购</a></li>
        <li><a href="https://paimai.jd.com/">拍卖</a></li>
        <li><a href="https://jiadian.jd.com/">京东家电</a></li>
        <li><a href="https://chaoshi.jd.com/">京东超市</a></li>
        <li><a href="https://fresh.jd.com/">京东生鲜</a></li>
        <li><a href="https://www.jd.hk/">京东国际</a></li>
        <li><a href="https://jr.jd.com/">京东金融</a></li>
    </ul>
    <!--脚本-->
    <script>
        function msgBox() {
            alert("这是JS脚本运行的结果")

        }
    </script>
</body>
</html>