HTML - Logo On Websites

I am trying to changed the logo on my website.

The part of the html code which does this, is showing as:

<div id="logo-div" class="fw-logo"></div>


the logo is a .gif file and I cant find anywhere in the html which is calling this image file. Where is it getting logo-div and fw-logo from, can someone please explain the html above that I posted

Does anyone know any useful websites to learn how to use HTML?

I've used w3school's but i don't find it great.

I've begun to notice that most websites now, up on the address bar, have a logo, to the left of the "http://..." address. Is it a piece of html code, or something else? My guess is the latter.. i have a domain registered with network solutions, do i have to pay for it?
Thanks,
-Adam
adam79@toast.net

Hello,

This is the site in question: www.hbcacworth.org

I would like to place a small rectangular logo on the right side of the page on the same line as the church logo which is already there. I cannot figure out how to do this. Does anyone have any suggestions? Thank you so much.

bt

I've lost the montage in the header section of my website, any ideas?
http://www.mcaorals.co.uk

I have a CSS file code follows
BODY {
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #42d4ca;
background-color: #540a67;
}
.text {
FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica
}
.newstext {
FONT-SIZE: 14px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica
}
.prtext {
FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica
}
.smalltext {
FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica
}
.wsmalltext {
FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica
}
.smalltext2 {
FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica
}
.eresource {
FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica
}
.wtext {
FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica
}
.bullet {
FONT-FAMILY: Arial, Helvetica
}
.secthdr {
FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none
}
.tabhdr {
FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none
}
.peheader {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica
}
.desthdr {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica
}
.header {
FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica
}
.nulink {
TEXT-DECORATION: FONT-SIZE: 14px;
COLOR: #42d4ca;
FONT-FAMILY: Verdana, Arial, Helvetica;
font-size: 12px;
background-color: #540a67;
}
.nulink:hover {
COLOR: #42d4ca
}
.tabhdrlink {
COLOR: green; TEXT-DECORATION: none
}
.wtabhdrlink {
COLOR: #fff000 ; TEXT-DECORATION: none
}
.wtabhdrlink:visited {
COLOR: orange; TEXT-DECORATION: none
}
.tabhdrlink:visited {
COLOR: pink
}
.tabhdrlink:link {
COLOR: white
}
.tabhdrlink:hover {
COLOR: white
}
.svclink {
FONT-FAMILY: Verdana, Arial, Helvetica
}
.destlink {
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica
}
.tablink {
FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A:hover {
COLOR: pink
}
A.menubartext {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none
}
TD.clsMenuBarItem A {
FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none
}
A.clsMenuBarItem {
FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none
}
A.clsMenuBarItem:visited {
FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none
}
TD.clsMenuBarItem {
FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none
}
TD.clsMenuBarItem A:hover {
COLOR: orange
}
.clsMenuBarItem {
FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none
}
.clsMenuBarItem:hover {
COLOR: orange
}
DIV.clsMenu {
PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: #00bede
}
DIV.clsMenuGray {
PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: gray
}
DIV.clsMenu A {
FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none
}
DIV.clsMenuGray A {
FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none
}
DIV.clsMenu A:hover {
COLOR: white
}
DIV.clsMenu_blk A:hover {
COLOR: white
}
.dllist {
FONT-SIZE: 12px
}
<div id="logo">
<a href="/"><img src="../Montage/New-Montage-Chrome.jpg" width="1024" height="98" alt="MCA Orals Chrome Montage Header"></a>
</div>