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

HTML如何给网页添加ico图标?,第1张

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

方法/步骤

1

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

2

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

<link href="/favicon.ico" rel="shortcut icon">

请点击输入图片描述

3

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

请点击输入图片描述

END

注意事项

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

图片路径要写正确

方法一:

直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。还有将 favicon.ico 中的 favicon 命名为你网站域名的名称也可以,例如:你网站的域名为:xll.com,你可以将该 ICO 文件命名为:xll.ico 。

方法二:

1. 在网页的 ... 区加入代码:,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico了,可以用任意的名字来命名,如:aoul.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是 必须做到图标文件的链接地址要正确。还有,在 ... 区加入代码:,就可以在收藏夹中显示你网页链接的自定义图标。

2. 在网站首页的源文件 之间插入下面的斜体部分代码 ……

3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif 之间加上。 1、将ico文件放在网站根目录

2、在网站页面中head标签内添加

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11770504.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存