如何把favicon.ico代码放入网页版html中
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何把favicon.ico代码放入网页版html中相关的知识，希望对你有一定的参考价值。
如图所示，我知道需要在html中有加一段代码，求代码和放在html中的位置
我的favicon.ico和html都放在c盘目录下面
回答的好额外加分 谢谢！！！
把favicon.ico代码放入网页版html中，方法如下：
在Html中的<head>部分加入如下的代码：
（1）<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
（2）<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
（3）<link rel="icon" href="animated_favicon1.gif" type="image/gif" >
浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件，如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。
扩展资料：
Favicon.ico的制作：
1、制作Favicon.ico的方法相当简单，常用的Favicon.ico图标有3种16×16、32×32、48×48。首先，利用图形工具创建2个反映网站主题的256色的小图片：1个为32×32像素，另一个为16 ×16像素。
2、需要注意的是，调色板要选用“Windows 默认调色板”，不然，在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
3、需要说明的是，在很多关于Favicon.ico的说明中，常见到要求图片为16色的说法，应该说这类说法大大过时。
4、在早期如Windows 95时期，16色的Favicon.ico可能是个稳妥的选择，保证其在大多数情况下正常使用，但到Windows XP后，完全不存在那类限制，16色只能使图标的展示效果大大降低。
参考资料来源：
百度百科-favicon.ico
要把favicon.ico代码放入网页版html中，可以在Html中的<head>部分加入如下的代码：
（1）<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
（2）<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
（3）<link rel="icon" href="animated_favicon1.gif" type="image/gif" >
浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件，如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。
扩展资料
在浏览器标签中显示favicon，在收藏夹中显示favicon。
除此之外，Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画，然后在html代码<head></head>中加入如下代码:
程序代码 <link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >即可。
参考资料：百度百科 - favicon.ico
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。
所以哦你的html要放在服务器下通过输入url访问才能体现出favicon.ico的效果，所以favicon.ico也要放在服务器下面。
具体代码
<link rel="icon" href="favicon.ico" />如果将文件放到其他目录下
<link rel="icon" href="c:/dir/favicon.ico" mce_href="c:/dir/favicon.ico" type="image/x-icon">参考资料http://baike.baidu.com/view/1237286.htm
本回答被提问者采纳 参考技术C 你在桌面上新建一个文件夹，然后把你做的html文件以及favicon.ico文件 放进去，之后直接用这个代码即可,加到 <head>标签中间<head>
<link rel="icon" href="favicon.ico" />
</head>追问
还是无法找到
需要联网吗 这个是自己弄的不是网页
这个是放在最前面吗
favicon.ico需要放在你的web服务器的根目录下，而不是放在你自己的电脑的C盘根目录。
<link rel="icon" href="/favicon.ico" type="image/x-icon" />HTML中title实现小图标
对于不同的浏览器，方法是有差别的
1.对于IE或TT浏览器：把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下，浏览器会自动检索
2.这大概是所有浏览器通用的在标签页加入指定图标的方法：
把favicon.ico图标放到网站根目录下，在网页的<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
3.对于火狐浏览器：图标格式没有IE那么严格，GIF和PNG格式的图标也可以显示，图标名称也可以不是favcion
4.把图标放在根目录后，在<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="gif_favicon.gif" type="image/gif" >
或
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="png_favicon.png" type=" image/png" >
以上是关于如何把favicon.ico代码放入网页版html中的主要内容，如果未能解决你的问题，请参考以下文章
Web网站主如何更改网页标签的图标（favicon.ico）