HTML：如何设置网页标题上的图标

沃梦达教程前端开发

2023-10-27

hello，大家好，我是wangzirui32，今天我们来学习如何设置网页标题上的图标，开始学习吧！其实很简单，先准备一个ico图标文件，再使用link标签即可，代码如下：!DOCTYPE htmlhtml lang=enheadmeta char...

hello，大家好，我是wangzirui32，今天我们来学习如何设置网页标题上的图标，开始学习吧！
其实很简单，先准备一个ico图标文件，再使用link标签即可，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>wangzirui32网站首页</title>
    <!-- href是icon图标的文件地址 -->
    <link rel="icon" href="pic.ico" type="image/x-icon">
</head>
<body>
	<h1>图标测试</h1>
</body>
</html>

使用浏览器打开，如下图所示：

你学会了吗？