手机
当前位置:查字典教程网 >网页设计 >XHTML >让网站在浏览器网址前面显示小图标的方法
让网站在浏览器网址前面显示小图标的方法
摘要:大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如Baidu、腾讯等网站都有这样的图...

大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如 Baidu 、腾讯等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢?有了这个小图标你的网站就会比别人的网站更加醒目,更能引起其他人的注意。

PHOTOSHOP、FLASHFXP、记事本

需要制作一个ico格式的小图标

步骤/方法:

1.使用PHOTOSHOP制作一个宽高均为32像素的小图标,制作完成后存储为ico格式的即可。

2.使用FLASHFXP下载网页到本地,并备份一份以防万一,使用记事本打开网页的源代码。

3.找到网页源代码的head部分,并在head部分插入下面这句代码,注意href里的地址是你存放ico图标的地址,根据你网站上存放的位置来写。

<link rel="shortcut icon" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="screen" />

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

5.大功告成!打开IE浏览器,输入你的网址试试看?是不是已经有了小图标了?

小图标的格式一定要是ico格式的,宽度和高度都是32个像素值

如果按照上面的步骤做完后无法看到小图标,请把IE浏览器的缓存清理掉,清理完缓存之后即可看到小图标。

小图标的存放位置一定要和代码里的存放位置一致,否则无法显示。

【让网站在浏览器网址前面显示小图标的方法】相关文章:

关于表格table嵌套,边框合并问题的解决方法

在html中插入音频文件在浏览器中播放音频文件的兼容性问题

<td></td>标签的border 样式在浏览器中显示不出来的解决方法

html设置虚线边框的方法

在网页上调用桌面exe程序的简单方法

网页中回车后form自动提交跳到其他页面的解决方法

xhtml css网页制作问题的解决方法

HTML网页的浏览器标题栏显示小图标的方法

浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

使select在选中/聚焦时列出所有选项目前比较好的处理方式

精品推荐
分类导航