I have made my portfolio website and I want to add an image beside my portfolio url. When I searched on google then i found that this particular concept is known as favicon.
But still I am not getting how to perform this in my HTML code.
I am providing my header section below.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naveen Kumar</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<!-- box-icons -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel="stylesheet" >
</head>
My image name is naveen.png and it is present on the image folder where my html code is.
Naveen Kumar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
As I can understand that you want to add Favicon in your HTML Code so, you just need to add a simple line in your header section and that line is:
<link rel="icon" href="Location/naveeen.png" type="image/png">
Now I am providing you the final code by making changes as per your conditions.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naveen Kumar</title>
<link rel="icon" href="imgage/naveen.png" type="image/png">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<!-- box-icons -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel="stylesheet" >
</head>
I hope this code will now resolve your query.
Prabhat Kumar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.