之前给大家写过小白怎么去自学AdsPower浏览器的RPA：《》
但是，里面有些资料可能是针对前端编程，而不是针对RPA的。有些零基础小白在看的时候，可能没法快速地跟RPA联系起来。于是我准备自己写一套教程，希望从更好的角度去解释这些知识。同时，教程中带有实操案例，可以帮助大家更好地去用好RPA。
今天，我们学习第一个知识点：HTML。
第1步：打开Chrome浏览器，访问网站。在网页任意位置鼠标右键，选择”检查“。
第2步：此时，在浏览器里会出现开发者工具界面（如红框所示）。别慌！我们只需要看其中一个部分的内容。不是要大家学编程啊，别恐惧啊！
第3步：点击"Elements"（一般会默认在这个位置），在蓝框内，可以看到当前网页的HTML代码。
1.HTML：超文本标记语言。它用一套标签去标记文本内容，给内容赋予不同的格式。
大家可以在蓝框里寻找一下，看看有哪些标签。常用的标签有
<p> 段落标签
<h1>~<h5>标题标签
<a> 链接标签
<img> 图片标签
<div> 块标签
<span> 行标签
还有一些其他常用的，我这里就不再列出了。大家可以在自己访问的网页里寻找，看看当前网页有多少种标签。大家不要记每种标签是什么意思，千万不要记！记不住的话，就对着这个资料看就行：www.runoob.com/tags/html-r…
我们对这些标签只需要了解即可，看到了有个印象。等后面见多了，就不再需要对着资料看了。
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选择器。由于选择器的内容比较多，我会分几个部分写。大家不要错过哈~
