在浏览器地址栏http前面添加个性图标

来源:互联网 发布:淘宝盗图会有什么后果 编辑:程序博客网 时间:2024/06/04 08:20

第一步:要准备一个个性的图片,但是一定要是ICo格式的哦,你可以把图片上传到空间里,然后方便调用

ico图标在线生成地址 http://www.bitbug.net/

方法一.在页面的源文件的<head></head>标签之间加入如下代码,注意href是你存放icon图标的地址,根据你网站上存放的位置来写

<link rel="shortcut icon" type="image/x-icon" href="http://115.28.62.0/InviteMeetingWeb/images/front/favicon.ico" media="screen" />

把修改过的网页文件上传到虚拟主机上,然后把做好的ico文件存放到虚拟主机的images这个网站目录里面

大功告成!打开IE浏览器,输入你的网址试试看?是不是已经有了小图标了? 
小图标的格式一定要是ico格式的,宽度和高度都是16个像素值 
如果按照上面的步骤做完后无法看到小图标,请把IE浏览器的缓存清理掉,清理完缓存之后即可看到小图标。 
小图标的存放位置一定要和代码里的存放位置一致,否则无法显示。



0 0
原创粉丝点击