title: img tag in HTML not displaying anything
body: <p>I am trying to put a image onto my HTML code, but it does not show anything</p>
  
  <p>I have tried using full file paths for the src attribute and deleting the width attribute. This is my full code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
       &lt;title&gt;Rattlesnake - Help&lt;/title&gt;
       &lt;link type="text/css" rel="stylesheet" href="styles.css" /&gt;
       &lt;meta charset="utf-8" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;header&gt;
  
      &lt;/header&gt;
     &lt;main&gt;
        &lt;img src="file:///F:/Python/Rattlesnake/rattlesnake.org/Rattlesnake.png" alt="The Rattlesnake logo" width="200px" /&gt;
     &lt;/main&gt;
     &lt;footer&gt;
  
     &lt;/footer&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>styles.css, help.html(this file) and Rattlesnake.png are in the same folder.</p>
  
  <p>for the img tag, I have also tried <code>&lt;img="Rattlesnake.png" alt="The Rattlesnake logo" /&gt;</code>
  I know there are similar questones like mine, but none help me. Please help!
  PS F: is a external drive</p>