how to add an image to the title in html code example

Example 1: how to add a title picture in html

<link rel = "icon" type = "image/png" href = "name-of-image.png">

Example 2: how to add image in title bar

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Example 3: how to add title image in html5

<!-- HTML code to add icon in the title bar -->
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset = "utf-8"/> 
        <title>HTML icon</title> 
         <!-- add icon link -->
        <link rel = "icon" href ="https://unsplash.com/photos/bpJ8qeyo1-w"
              type = "image/x-icon">       
    </head> 
      
    <body> 
        <h1 style = "color:green;">ADDING WEBSITE ICON </h1> 
          <p>New icon added in the title bar</p> 
    </body> 
</html>

Tags:

Html Example