1: Create 4 Elements: 3 DIV elements and 1 Image element

Details:

1:Create 1 red div with white text inside it that says "Hello World"

2:Create 1 blue div with no text inside it.

3:Create 1 image element and put a picture inside it.

4:Create the forth element and put element 1, 2, 3 inside it.

5:Make the red div stack on top of the image element, and the image element stack on top of the blue element.

6:Make the background of the body purple in color.

How to find solutions on the net

Hint: Search on google 'how to insert div into a html page' or ask ChatGPT the same question.

Hint: If you see w3schools website in your search results, click on it. They have very good examples.

2: ID and Classes

Details:

1:Label the red div the id 'border_dotted'

2:Label the picture element the blue div the class 'border_solid'

3:In the CSS section give the id 'border_dotted' a dotted brown border with the width 3px

4:In the CSS section give the class 'border_solid' a solid yellow border with the width 2px

5:Make the image element to have the opacity of 0.5