SyntaxFix

[html] 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?

This question is related to html favicon

The answer is

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

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.

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.

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

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

Source: Stackoverflow.com

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to favicon

• Add Favicon with React and Webpack • What is the best practice for creating a favicon on a web site? • HTML 5 Favicon - Support? • How can I get a favicon to show up in my django app? • How to set-up a favicon? • Favicon not showing up in Google Chrome • Add image in title bar • How to set custom favicon in Express? • Why does my favicon not show up? • Correct MIME Type for favicon.ico?

Tags

Django-testing Tamil Systemc Live-video Google-data-api Aspnet-regiis.exe Beaker Video-streaming Hibernate-criteria Subset-sum Text-width 3d Sql-server-profiler Urlhelper Dir Rawcontacts Listviewitem Addsubview Blogs Webstore Mouseevent Logout Sweave Unreal-development-kit Machine-language Request-queueing Np-complete Head Unapply Boost-iterators Writeelementstring Createfile Jsplitpane Invocation Ramaze Generator 4gl Build-numbers Bisection Pdl Shareddbconnectionscope Fciv Rot13 Database-deadlocks Richedit-control Global-state Lostfocus Shiro Web-reference Rails-engines Numeric-keypad Primefaces Pollingduplexhttpbinding Box2d Vbx Gwt-dispatch Developer-tools Search-engine-api Stalled Linq-to-xsd Bonecp Reducers Camtasia Setwindowshookex Web-ide Count Print-style Renewal Chi-squared Class-table-inheritance Alt-key Slickgrid Tombstoning Lithium Commandlink Gnome Yaml-cpp Default-constraint Itoa Credentials Mstdc Httpbrowsercapabilities Oracle-apex Php-gtk Standards-compliance Projector Gitweb Mt4j Console-application Projectpier Default-copy-constructor Vertex-array Lighty Wifstream Afconvert Facebook-ads-api Updatable-views Multiplestacks Weblogic Farpoint-spread