title: Apache web server 404 error
body: <p>I just created an HTML file and saved it in  /var/www/HTML. The HTML file is supposed to display a jpg image file located in the same folder, but it does not. Whenever I click on the image it gives 404 error image not found in the folder. Please help fast.Here is the html file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Page 1 &lt;/title&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/
  bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/
  font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  
  &lt;style&gt;
  .navbar{
  margin-bottom:0;
  border-radius:0;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;nav class="navbar" style="background:#33194d;&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="navbar-header"&gt;
  &lt;a class="navbar-brand" href="#"&gt;StartDirect&lt;/a&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;/nav&gt;
  &lt;div class="jumbotron"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;img src="/var/www/html/page1.jpeg"style="width:100%;height:auto;"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/deHrV.png" rel="nofollow noreferrer">enter image description here</a></p>