The HTML Favicon is an important part of any website’s branding, and it can help users quickly identify your site in their browser’s bookmarks or history. If you don’t have a favicon, your website may look unfinished or unprofessional. In this article, we’ll show you how to create a favicon for your website using HTML.
How to add a Favicon to your HTML page?
Adding a Favicon to your HTML page is a great way to make your website more recognizable. There are many free online tools that you can use to create a Favicon. Once you have created your Favicon, you just need to add a few lines of code to your HTML page. Find the example below
Add a link tag with rel=”icon”
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Demo
Conclusion
HTML Favicon is a must-have for your website. It makes your website more professional and complete.
Leave a Reply