title: How do I place an image/logo in browser tab
body: <p>Quick question. You know when you open a new window &amp; at the top of the page you see the tab for said window &amp; you'll see whatever you typed in your title tag &amp; you'll see a little image (website's logo). How do I place an image/logo in that little tab? Do I have to place an image link within my title tag or something?!</p>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  
  &lt;title&gt;Round Table&lt;/title&gt;
  
  &lt;meta charset="utf-8"&gt;
  &lt;link rel="stylesheet" href="RTH.css"&gt;
  &lt;script src="RTH.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
  &lt;H1&gt; Come &amp; take a seat at the Round Table B] &lt;/H1&gt; 
  
  &lt;p&gt; "Where &lt;i&gt;REAL MUSIC&lt;/i&gt; still exists"&lt;/p&gt;&lt;br&gt;&lt;br&gt;
  
  &lt;ol type=I&gt; &lt;H2&gt; &lt;li&gt;BEAT$&lt;/li&gt; 
  &lt;br&gt;&lt;li&gt;Music by Mercile$$&lt;/li&gt; 
  &lt;br&gt;&lt;li&gt;Spoken Word&lt;/li&gt; &lt;br&gt;
  &lt;li&gt;&lt;a href="RthPg2.html" title="RthPg2"&gt;Tale$ of a Blind Sword$man&lt;/a&gt;&lt;/li&gt; &lt;/H2&gt; &lt;/ol&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
  &lt;dt&gt;&lt;i&gt;RTH&lt;/i&gt; consists of:&lt;/dt&gt; 
  &lt;dd&gt;Show Luciano, Pistol McFly, Dior, YZ, &amp; last but not least...Mercile$$&lt;/dd&gt;
  
  &lt;p&gt; thee music industry is DEAD !! i hope to bring restoration.&lt;br&gt;
  
                                                                                              ~mercile$$&lt;/p&gt;&lt;br&gt;
  
  &lt;footer&gt;&amp;copy; Round Table&lt;/footer&gt;
  &lt;/font&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>&amp; here's my CSS file:</p>
  
  <pre><code>body {
          background-image: url("Round Table, Hoe II.jpg");
      background-repeat: Repeat;
      font-family: AR Christy, Kozuka Gothic Pr6N, Cooper std;
      color: Red;
      text-shadow: 1px 0 0 #CEA40C, 0 -1px 0 #CEA40C, 0 1px 0 #CEA40C, -1px 0 0 #CEA40C;
          font-size: 25px;
          margin: 0 auto;
      text-align: center;
      width: 700px;
  
  }
  
  h1 {
      font-family: AR Christy, Kozuka Gothic Pr6N, Cooper std;
      color: Red;
      text-shadow: 2px 0 0 #CEA40C, 0 0px 0 #CEA40C, 0 2px 0 #CEA40C, 0px 0 0 #CEA40C;
          margin: 0 auto;
          text-align: center;
      width: 700px;
  
  }
  
  i {
      font-family: AR Christy, Kozuka Gothic Pr6N, Cooper std;
      color: White;
      text-shadow: 2px 0 0 #CEA40C, 0 0px 0 #CEA40C, 0 2px 0 #CEA40C, 0px 0 0 #CEA40C;
          margin: 0 auto;
          text-align: center;
      width: 700px;
  
  }
  
  dt {
  
      color: #1BD29B;
      text-shadow: 4px 0 0 #CEA40C, 0 0px 0 #CEA40C, 0 4px 0 #CEA40C, 0px 0 0 #CEA40C;
      font-size: 45pt;
      padding: 10px;
  
  
  }
  
  dd {
  
      color: White;
      padding: 5px 10px 5px 10px; 
      background: #f03; 
      border: solid 2px #fff;
  
  }
  
  p {
      padding: 5px 10px 5px 10px; 
      background: #f03; 
      border: solid 2px #fff; 
  
  }
  
  footer {
  
  
  
  }
  </code></pre>