# The DOM structure - reinforcement exercises ### Exercise 1 * Write an html `<body>` corresponding to this DOM tree. ![](https://i.imgur.com/resxjSz.png) ### Exercise 2 * Draw the tree corresponding to this html `<body>`'s structure. You can ignore the text content. ``` <body> <h1> The main title </h1> <article> <img src="./green-hill.png" alt="green hill"> <p>A paragraph</p> </article> </body> ``` ### Exercise 3 ** Write an html `<body>` corresponding to this DOM tree. ![](https://i.imgur.com/8h7R5wA.png) ### Exercise 4 ** Draw the tree corresponding to this html `<body>`'s structure. You can ignore the text content. ``` <body> <section> <h1> My title </h1> <p> And some fascinating stuff I have to say </p> <img src="./myFace.png" alt="my face"> </section> <section> <h2> Here is a list of stuff </h2> <ol> <li>One thing</li> <li>Another</li> <li>And a last</li> </ol> </section> </body> ``` ### Exercise 5 *** Same instructions with this [bonus tree.](https://www.figma.com/file/JY5A03uU9O36pXZrVObk1j/Untitled?node-id=0%3A1)