Как добавить свой логотип на свой сайт с помощью HTML? ⇐ CSS

[Anonymous]

В настоящее время у меня настроен веб-сайт, но я не могу понять, как добавить логотип в верхний левый угол моего веб-сайта. Я не говорю о значке, если вам интересно, я говорю о логотипе, который находится на самом веб-сайте, точно так же, как при переполнении стека на веб-сайте есть логотип со словами «переполнение стека» рядом с ним. Я довольно новичок в программировании, так что, вероятно, это ошибка, но я просто не могу отобразить свой логотип на моем веб-сайте. Вот мой текущий код, который у меня есть в блокноте+
ОБНОВЛЕНИЕ: исправил мой код и загрузил его в Интернет с помощью FileZilla, но теперь по какой-то причине мой логотип не отображается, это просто маленький порванный лист бумаги, который появляется вместо изображения, показывая, что изображение не будет работать, и я не знаю, как сделать так, чтобы мой логотип отображался. Еще я исправил свой код на своем ноутбуке, затем поместил его на USB-накопитель, затем перешел на рабочий стол и использовал его для загрузки моего сайта в Интернет с помощью FileZilla.

(исправленный код)




[*]

I_See_St4irs



* {
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;
}
}




$(window).load(function() {
$('.blueberry').blueberry();
});

• Home
• Accounts
• Contact Me.
• Pictures
• About Me
• Other People

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

My Instagram!
This is my instagram account my name on instagram is I_see_st4irs i post mainly car pictures



My Twitter!
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



My Pinterest!
This is my Pinterest account my name on Pinterest is I_see_st4irs i post anything i like on my boards.





[*]


[*]


[*]


[*]


[/list]






©copyright - I_See_St4irs, 2016.






Подробнее здесь: https://stackoverflow.com/questions/340 ... using-html