CSPunjab.Com
    Filter (Advanced Search)

    Downloads 3 Share 0 Views 3.5K
    Video

    Video is not available... Embedded is previous playlist.

    HTML Watch on YouTube
    Details

    How To Add a Favicon in HTML

    You can use any image you like as your favicon. You can also create your own favicon on sites like https://www.favicon.cc.

    Tip: A favicon is a small image, so it should be a simple image with high contrast.

    A favicon image is displayed to the left of the page title in the browser tab, like this:

    <!DOCTYPE html>
    <html>
    <head>
      <title>Favicon</title>
      <link rel="icon" type="image/x-icon" href="/images/School_logo.png">
    </head>
    <body>

    <h1>Click on below link and see Title bar with Icon</h1>

    <p><a href="https://gssskhokhar.com/html/HTML_Favicon.html" target="_blank">Favicon</a></p>

    </body>
    </html>

    Output

    Now, save the "index.html" file and reload it in your browser. Your browser tab should now display your favicon image to the left of the page title.

    Ad
    Added to Favorite
    Removed from Favorite