---------------------------------------------------------------------------------------------
<html> <!--called root tag-->
<head> <!--it is used for meta tags-->
<title><!-- it is used for title of page-->
inserting image
</title>
</head>
<body background="../pictures/picture.jpg"><!--it is a container-->
We inserted picture as background.
<!--the picture is outsideside(one level up) pictures folder-->
<!--img src is used to insert image-->
<!-- it has attributes width,height and alt-->
<!-- 'alt' is used if the picture could not be loaded/displayed-->
<!--we must make sure that the path(of image) is correct-->
<!--it repeats the picture-->
<!-- to avoid it we use css.We will learn in css unit-->
</body>
</html>
---------------------------------------------------------
two dots(..) denotes files are in one level up the folder.
----------------------------------------------------------------------------------------------------------------------
or
---------------------------------------------------------------------------------
<html> <!--called root tag-->
<head> <!--it is used for meta tags-->
<title><!-- it is used for title of page-->
inserting image
</title>
</head>
<body background="../pictures/picture.jpg"><!--it is a container-->
We inserted picture as background.
<!--the picture is outsideside(one level up) pictures folder-->
<!--img src is used to insert image-->
<!-- it has attributes width,height and alt-->
<!-- 'alt' is used if the picture could not be loaded/displayed-->
<!--we must make sure that the path(of image) is correct-->
<!--it repeats the picture-->
<!-- to avoid it we use css.We will learn in css unit-->
</body>
</html>
