我已经制作了我的作品集网站，我想在我的作品集网址旁边添加一个图像。当我在谷歌上搜索时，我发现这个特殊的概念被称为 favicon。
但是我仍然不知道如何在 HTML 代码中执行此操作。
我在下面提供我的标题部分。
<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>
我的图像名称是 naveen.png，它位于我的 html 代码所在的图像文件夹中。
据我所知，您想在 HTML 代码中添加 Favicon，因此，您只需要在标题部分添加一个简单的行，该行是：
<link rel="icon" href="Location/naveeen.png" type="image/png">
现在我根据您的情况进行更改，为您提供最终代码。
<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>
我希望此代码现在可以解决您的疑问。