AdsPower RPA怎么学（1）——5步弄懂HTML

之前给大家写过小白怎么去自学AdsPower浏览器的RPA：《AdsPower RPA学习路线（2023最新，零基础）_跨境Tool哥的博客-CSDN博客》

但是，里面有些资料可能是针对前端编程，而不是针对RPA的。有些零基础小白在看的时候，可能没法快速地跟RPA联系起来。于是我准备自己写一套教程，希望从更好的角度去解释这些知识。同时，教程中带有实操案例，可以帮助大家更好地去用好RPA。

今天，我们学习第一个知识点：HTML。

第1步：打开Chrome浏览器，访问网站。在网页任意位置鼠标右键，选择”检查“。

第2步：此时，在浏览器里会出现开发者工具界面（如红框所示）。别慌！我们只需要看其中一个部分的内容。不是要大家学编程啊，别恐惧啊！

第3步：点击"Elements"（一般会默认在这个位置），在蓝框内，可以看到当前网页的HTML代码。

1.HTML：超文本标记语言。它用一套标签去标记文本内容，给内容赋予不同的格式。

大家可以在蓝框里寻找一下，看看有哪些标签。常用的标签有

<p>段落标签

<h1>~<h5>标题标签

<a>链接标签

<img>图片标签

<div>块标签

<span>行标签

还有一些其他常用的，我这里就不再列出了。大家可以在自己访问的网页里寻找，看看当前网页有多少种标签。大家不要记每种标签是什么意思，千万不要记！记不住的话，就对着这个资料看就行：HTML 标签列表(字母排序) | 菜鸟教程

我们对这些标签只需要了解即可，看到了有个印象。等后面见多了，就不再需要对着资料看了。

2.在 HTML 里，每个元素都可以包含其他元素，每个元素都有一个父元素或者0个、多个子元素。

你可以点击三角箭头，展开查看每个元素下的子元素。是不是类似某些文档里面的功能：点击一个标题，会展开该标题下的内容。

第4步：继续了解HTML的属性，属性是 HTML 元素提供的附加信息。

在开始标签里，有这种格式的代码：class=”xxx“，href="xxx"，id="xxx"。这就是元素的属性：属性=”属性值“。例如<a>标签里href属性的值，就是该链接的地址。

其中class属性也叫”类“，大家了解即可。

第5步：学习查看某个网页元素的HTML代码。点击红框出的按钮，或者按”Ctrl+Shift+C“。此时，把鼠标移动到网页里，你会发现网页的颜色变了。

鼠标移动到哪儿，该区域会变成蓝色。此时，鼠标右键，可以在”Elements“定位到这块区域的HTML代码。蓝底就是显示此处的HTML代码。如下图，该图片是被一个<img>标签表示，这个<img>元素的父元素是一个<div>元素。

最后

练习查看代码。重复上述5个步骤，查看网页元素里面的代码。

由于大家在短时间内接触很多陌生的概念，需要不断地练习加深记忆。尤其是不同的标签的含义以及标签的各个属性。

下一节我会给大家解释CSS选择器。由于选择器的内容比较多，我会分几个部分写。大家不要错过哈~