title: How do I add my logo to my website using html
body: <p>i currently have a website set up but i cant quite figure out how to add a logo to the top left of my website. I am not talking about a favicon if you are wondering im talking about a logo that is on the website itself just like how stack overflow has a logo on the website with the words stack overflow next to it. im pretty new to coding though so its probably an ammeture mistake but i just cant get my logo to show up on my website. Here is my current code that I have in notepad+</p>
  
  <p>UPDATE: fixed my code and uploaded it to the internet using filezilla but for some reason now my logo wont show up, its just that little torn piece of paper that shows up in place of the image showing that the image wont work and i dont know how to make my logo show up. Another thing I fixed my code on my laptop then put it on a usb then went over to my desktop and used it to use filezilla to upload my site to the internet.</p>
  
  <p>(fixed code)</p>
  
  <pre><code>&lt;!Doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;link rel="shortcut icon" href="/G:/coding/wensite/favicon.ico" type="image/x-icon" /&gt;
  &lt;meta charset="utf-8"/&gt;
  &lt;title&gt; I_See_St4irs&lt;/title&gt;
  &lt;meta name="Viewpoint" content="Width=device-width,initial-scale=1.0"&gt;
  &lt;link rel="stylsheet" href="blueberry.css"/&gt;
  &lt;style type="text/css"&gt;
  * {
  margin: 0;
  border: 0;
  padding: 0;
  }
  body{
  background: #f0f0f0;
  font: 14px/20px Arial, San-Serif;
  color: #555;
  margin: 0;
  }
  h1 {
  text-align: center;
  font size: 180%;
  line-height: 120%;
  padding: 5% 0;
  }
  h2 {
  text-decoration: underline;
  line-height: 280%;
  padding-left: 2%:
  }
  h3 {
  line-height: 110%;
  padding: 5% 0;
  }
  p{
  padding: 1%;
  }
  img {
  text-align: center;
  max-width: 100%;
  height: auto;
  width: auto;
  }
  a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  }
  a:hover {
  color: #fff;
  text-decoration: underline;
  }
  header {
  background: #405580;
  width: 100%;
  height: 86px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0.90;
  }
  #logo {
    display: inline-block;
    margin: 15px; 
    float: left;
    height: 60px;
    width: auto; 
    border-radius: 50%; 
  }
  nav { 
  float: right;
  padding: 35px 20px 20px 0;
  }
  #menu-icon {
  display: hidden;
  width: 40px;
  height: 40px;
  background:#ccc url(http://i65.tinypic.com/xgfvc4.jpg ) center;
  }
  a:hover#menu-icon {
  border-radius: 4px 4px 0 0;
  }
  ul {
  list-style: none;
  }
  nav ul li {
  display: inline-block;
  float: left;
  padding: 10px;
  }
  .current {
  color: #fff;
  text-decoration: underline;
  }
  #doc {
  margin: 40px 0;
  }
  #content {
  margin; 0 auto;
  max-width: 1140px;
  margin-top: 110px;
  }
  .blueberry {
  max-width; 960px;
  margin-top; 110px;
  }
  section {
  width: 29%;
  float: left;
  margin: 2% 2%;
  text-align: center;
  }
  .clear {
  clear: both;
  }
  article {
  float: left;
  margin: 0 auto;
  width: 50%;
  height: auto;
  padding: 4%;
  }
  aside {
  float: right;
  margin: 0 auto;
  width: 35%;
  height: auto;
  padding: 3%;
  }
  ul.camaro li {
  padding-left: 3%;
  }
  footer {
  background: #333333;
  width: 100%;
  overflow: hidden;
  opacity: 0.90;
  }
  footer p, footer h3 {
  color: #fff;
  }
  footer p a {
  color: #fff;
  text-decoration: none;
  }
  ul.social li {
  display: inline;
  }
  ul.social li img {
  height: 50px;
  }
  footer.second {
  border-top: 1px solid #4D4E50;
  background-color: #333333;
  max-height: 50px;
  text-align: center;
  opacity: 0.95;
  }
  
  
  
  
  
  
  /*-------------------------MEDIA!!!-------------------------*/
  @media screen and (max-width: 478px) {
  body {
  position: absolute;
  }
  }
  @media screen and (max-width: 740px) {
  header {
  psotion: absolute;
  }
  #menu-icon {
  display: inline-block;
  }
  nav ul, nav:active ul {
  display: none;
  position: absolute;
  padding: 20px;
  background: #405580;
  border: 1px solid #fff;
  right: 20px;
  top: 60px;
  width: 50%;
  border-radius: 2px 0 2px 2px;
  }
  nav li {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  }
  nav:hover ul {
  display: block;
  }
  section {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  }
  }
  &lt;/style&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.blueberry.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(window).load(function() {
  $('.blueberry').blueberry();
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;header&gt;
  &lt;a href="#"&gt;&lt;img id="logo" src="http://i67.tinypic.com/2v9dm5h.jpg"&gt;&lt;/a&gt;
  &lt;nav&gt;
  &lt;a href="#" id="menu-icon"&gt;&lt;/a&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="index.html" class="current"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="accounts.html"&gt;Accounts&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="contact me.html"&gt;Contact Me.&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="pictures.html"&gt;Pictures&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="about me.html"&gt;About Me&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="other people.html"&gt;Other People&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/nav&gt;
  &lt;/header&gt;
  &lt;div id="doc"&gt;
  &lt;div id="content"&gt;
  &lt;div class="blueberry"&gt;
  &lt;ul class="slides"&gt;
  &lt;li&gt;&lt;img src="staring.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="burnout.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="ablade.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="aston.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="jag.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post1.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post2.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post4.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post5.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post8.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post9.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post10.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="post11.jpg"/&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;section&gt;
  &lt;img src="instagram_logo_small.png"/&gt;
  &lt;h1&gt;My Instagram!&lt;/h1&gt;
  &lt;p&gt; This is my instagram account my name on instagram is I_see_st4irs i post mainly car pictures&lt;/p&gt;
  &lt;/section&gt;
  &lt;section&gt;
  &lt;img src="twitter.png"/&gt;
  &lt;h1&gt;My Twitter!&lt;/h1&gt;
  &lt;p&gt; This is my Twitter account my name on Twitter is I_see_st4irs i post a little bit of everything i have a secondary twitter by the name of Lenny_bruh_rekt&lt;/p&gt;
  &lt;/section&gt;
  &lt;section&gt;
  &lt;img src="pinterest.png"/&gt;
  &lt;h1&gt;My Pinterest!&lt;/h1&gt;
  &lt;p&gt; This is my Pinterest account my name on Pinterest is I_see_st4irs i post anything i like on my boards.&lt;/p&gt;
  &lt;/section&gt;
  &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;article&gt;
  &lt;img src="2ss.jpg"/&gt;
  &lt;/article&gt;
  &lt;aside&gt;
  &lt;h2&gt; My Favorite Car:&lt;/h2&gt;
  &lt;ul class="Camaro"&gt;
  &lt;li&gt;&lt;h3&gt;My favorite car is the Chevrolet Camaro, especially the 6th gen Camaro which is the latest Camaro.&lt;/h3&gt;&lt;/li&gt;
  &lt;li&gt;&lt;h3&gt;455 horsepower&lt;/h3&gt;&lt;/li&gt;
  &lt;li&gt;&lt;h3&gt;455 foot pounds of torque&lt;/h3&gt;&lt;/li&gt;
  &lt;li&gt;&lt;h3&gt;0-60 mph in 3.9 seconds&lt;/h3&gt;&lt;/li&gt;
  &lt;li&gt;&lt;h3&gt;Runs the quarter mile in 12.2 seconds&lt;/h3&gt;&lt;/li&gt;
  &lt;li&gt;&lt;h3&gt;Weighs 3,685 pounds&lt;/h3&gt;&lt;/li&gt;
  &lt;li&gt;&lt;h3&gt;So the 2016 Camaro SS is a great muscle car&lt;/h3&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/aside&gt;
  &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;section&gt;
  &lt;h1&gt;The 2016 Camaro SS&lt;/h1&gt;
  &lt;img src="ss.jpg"/&gt;
  &lt;p&gt; This is My favorite muscle car.&lt;/p&gt;
  &lt;/section&gt;
  &lt;section&gt;
  &lt;h1&gt;The 2015 Koenigsegg one:1&lt;/h1&gt;
  &lt;img src="koenigsegg.jpg"/&gt;
  &lt;p&gt; This is my favorite Megacar.&lt;/p&gt;
  &lt;/section&gt;
  &lt;section&gt;
  &lt;h1&gt;The 2016 Dodge Charger Hellcat&lt;/h1&gt;
  &lt;img src="hellcat.jpg"/&gt;
  &lt;p&gt; This is My favorite sports sedan.&lt;/p&gt;
  &lt;/section&gt;
  &lt;footer&gt;
  &lt;section&gt;
  &lt;h3&gt;&lt;b&gt; Me&lt;/b&gt;&lt;/h3&gt;
  &lt;p&gt;&lt;b&gt;@iamwilsparks@gmail.com&lt;/b&gt;&lt;br&gt;&lt;br&gt;
  contact me if you want to send me pictures to post on my Instagram or Twitter.&lt;/p&gt;
  &lt;/section&gt;
  &lt;section&gt;
  &lt;h3&gt;Follow me!&lt;/h3&gt;
  &lt;ul class="social"&gt;
  &lt;li&gt;&lt;a href="www.online-instagram.com/user/i_see_st4irs/246253528"&gt;&lt;img src="instagram_logo_small.png"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://twitter.com/i_see_st4irs"&gt;&lt;img src="twitter.png"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://twitter.com/i_see_st4irs"&gt;&lt;img src="tumblr.png"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://plus.google.com/wm/quevuelvamatt/.../collections"&gt;&lt;img src="googleplus.png"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://www.youtube.com/channel/UCOaUXzGUZ2_1EB_-QI15WoA"&gt;&lt;img src="youtube.png"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/section&gt;
  &lt;section&gt;
  &lt;img src="logo.jpg"&gt;
  &lt;/section&gt;
  &lt;/footer&gt;
  &lt;footer class="second"&gt;
  &lt;p&gt;©copyright - I_See_St4irs, 2016.&lt;/p&gt;
  &lt;/footer&gt;
  
  
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>