title: HTML page background image is display in node js server
body: <p>This is my html file. 1st.jpg file is in same folder. But still it's can't load on server. I don't understand what to do. I tried using inline css, embedded css as well external css also.</p>
  
  <p>In debugging they shows Image can't load. </p>
  
  <p>Code:-</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//Form hidding Effect
  $(document).ready(function() {
    $("#b1").click(function() {
      $("#main").hide();
    });
  });
  
  //Button hidding Effect
  $(document).ready(function() {
    $("#b1").click(function() {
      $("#b1").hide();
    });
  });
  
  //Sub division hidding Effect
  $(document).ready(function() {
    $("#b1").click(function() {
      $("sub").hide();
    });
  });
  
  //FadeIn Effect on text
  $(document).ready(function() {
    $("#b1").click(function() {
      $("#display").fadeIn(3000);
    });
  });
  
  //FadeOut Effect on text
  $(document).ready(function() {
    $("#b1").click(function() {
      $("#display").fadeOut(8000);
    });
  });
  
  //FadeIn effect on Game_Table
  $(document).ready(function() {
    $("#b1").click(function() {
      $("#game_div").fadeIn(13000);
    });
  });
  
  function setUsername() {
    var user = {
      name: document.getElementById('name').value,
      // lastname: document.getElementById('lastname').value,
      // address: document.getElementById('address').value,
      gen: document.getElementById('gen').value,
      city: document.getElementById('city').value,
      // emailid: document.getElementById('emailid').value,
      // mobileno: document.getElementById('mobileno').value,
    };
  
    var data = {
      data: {
        en: "insert",
        data: user
      }
    };
    console.log("here--&gt;", user)
    socket.emit('req', data);
  };</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.name {
    height: 40%;
    width: 40%;
    font-size: 25px;
    font-family: Time-new-roman;
  }
  
  table {
    border: 3px solid red;
    background-color: #DCB68E;
  }
  
  
  /*button{
         margin-left: 30%;
         padding-left: 5%;
        }*/
  
  td {
    width: 250px;
    height: 50px;
    padding-left: 8%;
  }
  
  .input_name {
    width: 130px;
  }
  
  .input_btn:hover {
    background-color: green;
    width: 100px;
    height: 50px;
  }
  
  #shadow1 {
    border: 1px solid;
    padding: 10px;
    box-shadow: 7px 7px black;
  }
  
  .ft_clr {
    color: #3f0a0a;
  }
  
  @font-face {
    font-family: 'TheBlacklist';
    src: url('./TheBlacklist/TheBlacklist.woff');
  }
  
  .div1 {
    width: 326px;
    height: 277px;
  }
  
  .div2 {
    width: 326px;
    height: 55px;
  }
  
  .div3 {
    margin-top: 250px;
    width: 1500px;
    height: 600px;
  }
  
  .input_btn {
    width: 100px;
    height: 50px;
    font-size: 175%;
    font-family: TheBlacklist;
    border: 1px solid;
    padding: 10px;
    box-shadow: 7px 7px black;
  }
  
  .h1_txt {
    color: black;
    font-size: 400%;
    font-family: TheBlacklist;
  }
  
  body {
    background-image: url('1st.jpg');
    "
  
  }
  
  #game_table {
    margin-top: 70px;
    box-shadow: 7px 7px black;
  }
  
  #game_table td {
    width: 60px;
    height: 60px;
    border: 3px solid black;
    background-color: skyblue;
  }
  
  #game_div {
    background-image: url('1st.jpg');
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;For in Row&lt;/title&gt;
  
  
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="/socket.io/socket.io.js"&gt;&lt;/script&gt;
  
  
  &lt;/head&gt;
  
  &lt;body background="./1st.jpg"&gt;
    &lt;div id="main" class="div1"&gt;
      &lt;form action="" id="Registration" method=""&gt;
        &lt;table cellpadding="1" bgcolor="white" align="left" cellspacing="2" id="shadow1"&gt;
          &lt;tr&gt;
            &lt;td colspan=2&gt;
              &lt;center&gt;&lt;b&gt;&lt;h1 class="ft_clr"&gt;&lt;font style="font-family: TheBlacklist"&gt;Gamer Registration&lt;/font&gt;&lt;/h1&gt;&lt;/b&gt;&lt;/center&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
            &lt;td&gt;Gamer Name&lt;/td&gt;
            &lt;td&gt;&lt;input type=text name=textnames id="name" size="30" class="input_name"&gt;&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
            &lt;td&gt;Gender&lt;/td&gt;
            &lt;td&gt;&lt;input type="radio" name="gen" value="male" size="10" id="gen"&gt;Male&lt;input type="radio" name="gen" value="Female" size="10" id="gen"&gt;Female&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
            &lt;td&gt;City&lt;/td&gt;
            &lt;td&gt;
              &lt;select name="City" id="city"&gt;
                &lt;option value="-1" selected&gt;Country&lt;/option&gt;
                &lt;option value="uk"&gt;UK&lt;/option&gt;
                &lt;option value="usa"&gt;USA&lt;/option&gt;
                &lt;option value="india"&gt;India&lt;/option&gt;
                &lt;option value="russia"&gt;Russia&lt;/option&gt;
              &lt;/select&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
  
        &lt;/table&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  
    &lt;div id="sub" class="div2"&gt;
      &lt;center&gt;&lt;button id="b1" class="input_btn" onclick="setUsername()"&gt;Play&lt;/button&gt;&lt;/center&gt;
    &lt;/div&gt;
  
    &lt;div id="display" class="div3" style="display: none"&gt;
      &lt;center&gt;
        &lt;h1 class="h1_txt"&gt;Connecting to the Server..&lt;/h1&gt;
      &lt;/center&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>