HTML Favicon

What is Favicon

The favicon images are the ones that appear at the top of the browser as shown in this image.

Add Favicon To your Website

To add the favicon image to your website, save the images in the root directory of your website or create a folder named images in the root directory of the website and then save the favicon image in that folder and then the <link> tag Add card after <title> to the header of the webiste using

<!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>

Now save this file and open it your browser you will the favicon image has been added

Tags: , , , , , , , , ,

Leave a Reply