Image 1 of 1: ‘Screenshot of a simple website with the previews HTML’

Image 1 of 1: ‘Screenshot of a simple website with the previews HTML’

The Document Object Model (DOM) that represents
an HTML document with a tree structure. Source: Wikipedia. Author:
Birger Eriksson
Image 1 of 1: ‘A screenshot of The Carpentries homepage in the Google Chrome web browser, showing how to View page source’

Image 1 of 1: ‘A screenshot of Google Chrome web browser, showing how to use Inspect from the Chrome DevTools’

Image 1 of 1: ‘A screenshot of Google Chrome web browser, showing how to search a specific element by using Inspect from the Chrome DevTools’

Image 1 of 1: ‘A screenshot of Google Chrome web browser, highlighting the `<div>` element that contains the data we want about the product’
