首先准备一个32*32 格式为 ico 的图标
方法/步骤
1
先做好一张格式为ico的图标（我就是用在线工具转换为ico格式的）
2
打开页面代码，找到<head>标签，在<head></head>标签中插入一句,
<link href="/favicon.ico" rel="shortcut icon">
3
ok啦，运行一下你的网页，看看是不是有图标了呢？
请点击输入图片描述
END
注意事项
图标格式一定要是ico格式的
图片路径要写正确
以前在远标学过网站上的logo实际上是一个“favicon.ico”图片。实现步骤：
第一步：制作favicon.ico，大小为16*16毫米；
第二步：将“favicon.ico”放到项目的根路径下。
第三步：在所有html页面head中添加如下代码。
//收藏用logo图标
<link rel="bookmark" type="image/x-icon" href="favicon.ico"/>
//网站显示页logo图标
<link rel="shortcut icon" href="favicon.ico">
第四步：直接打开html页面，打开方式为常用的浏览器即可。效果如图
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）