Relative path exercise

test

On the left image, you can see the structure of the directory and the image files named image1,image2, image3 and image4 located in various location. We also have our index.html and style.css in different location.

Below, you can see the code from index.html and style.css where you can modify the path of the image file. Please modify the path of the image in index.html and style.css and click on Test button below to check if your path is correct.

Your goal is to use all 4 images in both html and css document.

html/test1.html
<html>
    <head>
        <title>Test 1</title>
    </head>
    <body>
        <img src="                  "/>
    </body>
</html>
html/css/style.css

.div_bg{
    width: "200px";
    height: "200px";
    background: url("                "); 
    background-color: #333;
}