html favicon

What is favicon in html?

Favicon is a small image which is displayed before the page title in the browser tab.

Any image can be used as favicon. You can also create your own favicon.

Favicon is a small image so always try to make it simple and the contrast should be high.

At first save a favicon image in you local system and then write the link tag inside head tag. Head tag has a attribute named href. Pass the image path and image_name.extension in the href attribute.

A common name for favicon image is favicon.ico.

<!DOCTYPE html>
<html>
<head>
<title> </title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<style>
</style>
</head>
<body>

<h2>My first Heading</h2>
<p>My first paragraph.</p>

</body>
</html>

CodersAim is created for learning and training a self learner to become a professional from beginner. While using CodersAim, you agree to have read and accepted our terms of use, privacy policy, Contact Us