CODEWITHSUNDEEP
htmlfavicon
Paic Ten
Paic Ten

Reputation: 1931

How to insert logo with the title of a HTML page?

As stackoverflow.com has logo with it's title, how it can be done for any usual site? Which code is needed for this?

Upvotes: 18

Views: 175110

Answers (6)

Chate Billy Chilima
Chate Billy Chilima

Reputation: 1

I was also having the same problem, but its actually a favicon.ico file that you can have. Google favicon.ico generator and either download premade favicons or make your own. And then after insert the following code:

inside the head tag.

Upvotes: 0

Darius
Darius

Reputation: 91

Yes you right and I just want to make it understandable for complete beginners.

  1. Create favicon.ico file you want to be shown next to your url in browsers tab. You can do that online. I used http://www.prodraw.net/favicon/generator.php it worked juts fine.
  2. Save generated ico file in your web site root directory /images (yourwebsite/images) under the name favicon.ico.
  3. Copy this tag <link rel="shortcut icon" href="images/favicon.ico" /> and past it without any changes in between <head> opening and </head> closing tag.
  4. Save changes in your html file and reload your browser.

Upvotes: 9

Brian Warshaw
Brian Warshaw

Reputation: 22984

It's called a favicon. It is inserted like this:

<link rel="shortcut icon" href="favicon.ico" />

Upvotes: 0

Hope4You
Hope4You

Reputation: 1957

Put this in the <head> section:

<link rel="icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" />

Keep the picture file named "favicon.ico". You'll have to look online to get a .ico file generator.

Upvotes: 0

MetalFrog
MetalFrog

Reputation: 10543

Are you referring to the favicon?

Upload a 16x16px ico to your site, and link it in your head section.

<link rel="shortcut icon" href="/favicon.ico" />

There are a multitude of sites that help you convert images into .ico format too. This is just the first one I saw on Google. http://www.favicon.cc/

Upvotes: 36

John Conde
John Conde

Reputation: 219914

It's called a favicon. They're easy to do.

Upvotes: 1

Related Questions