title: How to link a CSS file from HTML file?
body: <p>I have been styling my HTML with inline <code>&lt;style&gt;&lt;/style&gt;</code> tags in the <code>&lt;head&gt;</code> section. When I tried to move styles to CSS file for the first time from HTML file but, I cannot get my link to work.</p>
  <p>I have created a new folder and inside this folder a new HTML file and CSS file are present. I am using VS Code.</p>
  <p>I have tried pasting my HTML and my CSS into CodePen and it renders, so I know it's not an issue of the CSS itself not being correct.</p>
  <p><strong>My HTML file looks like:</strong></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;UTF-8&quot;&gt;
          &lt;title&gt; Try this again&lt;/title&gt;
  
          &lt;link rel=&quot;Hope this works&quot; href=&quot;newcssstyle.css&quot; type=&quot;text/css&quot;&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
  
          &lt;h1&gt; Here we go &lt;/h1&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><strong>My CSS file looks like:</strong></p>
  <pre><code>h1{ 
      font-family: Arial, Helvetica, sans-serif; 
      color: blue;
  }
  </code></pre>