title: HTML - Add icon to browser tab
body: <p>I'm doing an assignment for class, and we were tasked to make a webpage. All went well with creating the page, but I'm struggling to get the icon on my browser tab.</p>
  
  <p>He instructed us to get the icon from one of our folders</p>
  
  <p>This is from his directions</p>
  
  <p>"Note in order to show your icon, you insert this line in your html head section" </p>
  
  <pre><code>&lt;link rel="shortcut icon" href="images/favicon.ico" type="favicon/ico" /&gt;
  </code></pre>
  
  <p>"Assuming that your company icon is in the folder images"</p>
  
  <p>I've tried many variations of that, but it won't work.</p>
  
  <p>Mine is called favicon(1).ico</p>
  
  <p>Here's one of my attempts</p>
  
  <pre><code>        &lt;link rel="shortcut icon" href="/favicon(1).ico" type="image/x-icon" /&gt;                 
  </code></pre>
  
  <p>Here's another. </p>
  
  <pre><code>&lt;link rel="shortcut icon" href="images/favicon(1).ico" type="favicon/ico" /&gt;
  </code></pre>
  
  <p>I have a folder on my Desktop called "Question 1" and within that folder I have my HTML file for this assignent and another folder called "images". In the "images" file I have the "favicon(1).ico icon.</p>
  
  <p>Is there a way I can take that icon from my folder and place it in my code?  </p>