how to add image in title of html

Check out example codes for "how to add image in title of html". It will help you in understanding the concepts better.

Code Example 1

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

Code Example 2

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

Code Example 3

<link rel="icon" href="icon_path" type="image/icon type">

Code Example 4

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

Learn ReactJs, React Native from akashmittal.com