HTML如何给网页添加ico图标？_随笔

首先准备一个32*32 格式为 ico 的图标

方法/步骤

先做好一张格式为ico的图标（我就是用在线工具转换为ico格式的）

打开页面代码，找到<head>标签，在<head></head>标签中插入一句,

请点击输入图片描述

ok啦，运行一下你的网页，看看是不是有图标了呢？

请点击输入图片描述

END

注意事项

图标格式一定要是ico格式的

图片路径要写正确

这位网友你好，如果你说的是网站浏览器标题前面的小图标，可以用下面的方法：

1. 将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。

2. 在网站首页的源文件<head></head>之间插入下面的斜体部分代码<head>……<link rel="shortcut icon" href="favicon.ico"></head>

3.动态ico图标的实现方法，先把做好的gif动态图标命名为favico.gif <head></head>之间加上： <link rel="icon" href="favicon.gif" type="image/gif" >

以前在远标学过网站上的logo实际上是一个“favicon.ico”图片。

实现步骤：

第一步：制作favicon.ico，大小为16*16毫米；

第二步：将“favicon.ico”放到项目的根路径下。

第三步：在所有html页面head中添加如下代码。

//收藏用logo图标

//网站显示页logo图标

第四步：直接打开html页面，打开方式为常用的浏览器即可。效果如图

欢迎分享，转载请注明来源：内存溢出

HTML如何给网页添加ico图标？