How to deal with a website? Can we get its `HTML` structure? The answer is yes, and most browsers allow you to inspect the structure of any webpage you are visiting. You can also change whatever you want on a page, but the changes will be displayed locally (*only to you*). This set of instruments is called `DevTools`.

For instance, to access `DevTools` in the Chrome browser, right-click somewhere on the page and press *Inspect* in the menu that appears. For example, open the <a href = 'https://codefinity-content-media.s3.eu-west-1.amazonaws.com/35fdd0a9-2b4b-4032-9ac4-3d848aa08650/test_page.html' target = '_blank'>Test page</a>. Right-click anywhere on the page, and press the **Inspect** button. Now you can **inspect the webpage structure** and **modify whatever you want**.

## Task
Head to the following <a href = 'https://codefinity-content-media.s3.eu-west-1.amazonaws.com/18a4e428-1a0f-44c2-a8ad-244cd9c7985e/page.html' target = '_blank'>page</a>.

What is stored inside the second `<div>` element (which is a children of the `<body>` element)?

Here we will explore the structure of the HTML file,  how to load it, and work with the data in the file.

Learn how to extract the data more comfortably with the BeautifulSoup library. In this section, you will learn how to access specific elements and their children.

In this section, you will continue the journey with the Beautiful Soup. These, you will learn how to get attributes and contents of certain elements and how to search elements with certain attribute values.