title: html5 img not displayed in gedit
body: <p>I am trying to learn HTML5 and I wrote a code in html to display the image.</p>
  
  <p>Here is the code snippet:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt;imageDemo.html&lt;/title&gt;
          &lt;meta charset="UTF-8" /&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h1&gt;This is Pacman Ghost&lt;/h1&gt;
          &lt;p&gt;
          &lt;img src="Pacman.png" alt="Pacman Ghost" /&gt;
          &lt;/p&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My image Pacman.png is on the desktop and my test.html file is also on the desktop. I am using gedit in ubuntu 14.04 to write the code. When i run my file test.html, I don't see the image but see Pacman Ghost as text.</p>
  
  <p>What am I doing wrong here??</p>
  
  <p>Hope to hear soon from you guys.</p>
  
  <p>Thanks</p>