The Chrome DevTools will open and display the HTML structure of the page. You can manually search for the item you need or use the element picker tool in the top-left corner. Select it, hover over the item you need in the page and it'll find it in the HTML code. After a quick inspection, you can see that the main information on each book is located in the article element with a class name**product_pod**.

<palign="center">

</p>


All of the data you'll need is nested in the**article** element. Now, let's inspect the price. We can see that the price value is the text of the paragraph with the**price_color** class. If you inspect the In stock part, you can see that it's a text value of the**instock availability** paragraph. You can check out other elements on the page and see how they're represented in the HTML. Once you're done, let's build a simple web scraper to extract this data through code.