Check out example codes for "how to change background image in html". It will help you in understanding the concepts better.

Code Example 1

div {
  background-image: url('img_girl.jpg');

Code Example 2

body{background-image: url("paper.gif");}

Code Example 3

<!-- Background images are better implemented in CSS -->
<!-- but here is how you could do it in HTML in a pinch -->

    .background {
      background-image: url(;

  <div class=background>
    <h1>The background of this div will be an avocado</h1>

Code Example 4

background-color: url('url from web');

Code Example 5

<html lang=us>
  <meta charset=UTF-8>
  //the following code within the style tags is CSS.
  /*this is a body tag. After specifying 
  that we want to affect the whole body,
  we add {}, and write the background color
  we want to change it to. */
  /* this is a class, which we have named green. we add {}, then
  write the background color we want.*/
   /* this is an id, which we have named blue. we add {}, then
  write the background color we want.*/

This background is red.
  // you must make sure to note that when you add a background to
  a paragraph, you must add a class or id, name it, then style it 
  as seen above.  with tags HTML already recognizes, however, you 
  don't have to do anything more than shown above.
  <p class="green">
  This background is green.</p>
  <p id="blue">This background is blue.</p>



Learn ReactJs, React Native from