Inspecting Pages

How do we interact with a website? Can we access its HTML structure? The answer is yes. Most browsers provide features that allow you to examine the structure of any webpage you're visiting. You can even make temporary changes to a page, but these alterations will only be visible to you. This suite of tools is commonly referred to as DevTools.

To access DevTools in the Chrome browser, right-click on any part of the page and select Inspect from the menu that appears. For example, open the Test page. Right-click anywhere on the page and click the Inspect button. Now you can examine the webpage structure and make any changes you like.

Task

Head to the following page.