title: HTML showing broken image
body: <p>i have the following html code and when i pull it up in my browsers the image either doesnt show up, or it shows a broken image:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Lets Play Battleship&lt;/title&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;h1&gt;
              Battleship
              &lt;p&gt;&lt;img src="battleship-game-board.jpg" width = "120" height = "90"/&gt;&lt;/p&gt;
          &lt;/h1&gt;
  
  
          &lt;p&gt;&lt;a href="http://www.freeonlinegames.com/game/battleships"&gt; Click Here to Play Battleship&lt;/a&gt;&lt;/p&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>