Learning Objective: Read HTML code, use CSS selectors(such as class selectors, ID selectors, attribute selectors, and descendant selectors) competently, and locate web elements using Chrome DevTools.

Learning materials

Using RPA requires some frontend fundamentals. For your reference, the following are some learning materials, or you can find others.

• HTML Learning：https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics

• CSS Learning：https://developer.mozilla.org/en-US/docs/Learn/CSS

How to locate web elements

1. Open your browser, press Ctrl+Shift+I to open DevTools.

2. Press Ctrl+F to open the search box.

3. Use CSS selectors to locate elements in the following manner:

  Box 1. Enter a selector to locate elements.

Note: Web code may change, so try using various selectors.

   Box 2. If the count is "1 of 1," you can locate one element using this selector. If the count is "2 of 3," three elements can be located using this selector, and the current element is the second.

   Box 3. The located element.

4. Fill the selector you used in the previous step into the [Selector] input box in AdsPower RPA.