How to Add a Favicon To HTML?


A favicon is an image shown in the tab of the web browser before the web page name.

To Add a Favicon To Your Website, first of all, create a favicon image. To create a favicon image you can use www.favicon.cc, favicon.io, or other favicon generator tools to create a suitable favicon for your website. The common file name for a favicon is favicon.ico.
Now create images named folder in the root directory. Then, save your favicon inside this folder.
Then Add <link rel="icon" href="/images/favicon.ico"> after <title> tag inside <head> section.





<html>
     <head>
           .....code.......
           .....<title>.....</title>....
           <link rel="icon" href="/images/favicon.ico" type="images/x-icon">
           ....code.......  
     </head>
</html>


Trending Posts

12MP vs 48MP vs 64MP vs 108MP | Does More Megapixel Equal Better Image Quality?

How To Create A Magic 8 Ball Using HTML, CSS, and JavaScript?

How To Create a Fake Facebook Login Clone Using Only HTML and CSS?

Why iPhones Don't Have Memory Card Slots?

8 Characteristics Of Modern Computer

5 Awesome Computer Shortcut Key Tricks You Must Try

Why Do All Celebrities Use iPhones?

5 Tips To Become A Computer Genius | How To Become A Computer Genius?

Can A Computer Virus Affect Hardware?

How To Earn Money With Only HTML and CSS Knowledge?