Add A Favicon To An HTML Page

What is "favicon"
 
Favicon aka favorite icon, is a icon displayed on the browser tab near to the website URL in the address bar. This icon will also appear if you will save the website as your favorite inside favorite menu. It is basically used as a branding element for the website and differentiate your website from a beginner level website.

How to generate and add a "favicon"

First step is to create an image for your website which will differentiate your website. Next step will be having that image in 16x16 size and most/all browsers support this size. You can also use online tool to generate favicon from your initial image, like:

Favicon Generator  

Once you have your icon ready, upload it to your image folder and add the following code to your landing page (index.html). 
  1. <link rel="shortcut icon" href="http://yourdomain.com/image/favicon.ico"  type="image/x-icon" />  
 
 
Ebook Download
View all
Learn
View all