`
guoyiqi
  • 浏览: 967946 次
社区版块
存档分类
最新评论

地址栏图标

    博客分类：
  • jsp
浏览器HTML 
阅读更多

很多新手经常会问道，地址栏里域名http前面的小图标(网址前面的小图标)是怎么加上去的？

第一步：首先你需要创建一个16x16像素大小的图标(icon)，用常用的图像处理软件比如photoshop可以很容易制作一个16x16的图标，然后将该图标保存为.gif格式。

第二步：需要将这个16x16的gif图标转换为.ico的文件，这个转化很多软件可以做到，在这里向大家推荐一个在线生成.ico文件的网站（FavIcon from Pics）网址：http://www.html-kit.com/favicon/，大家只要把制作好到.gif格式的文件上传到该网站，如同邮件中的上传附件一般，就可在线即时生成一个.ico文件，然后可以立即下载该文件。

第三步：假设最终生成到图标文件名为favicon.ico，把这个favicon.ico图标上传你网站到根目录。

第四步：也是最后一步，将<link rel="shortcut icon" type="image/ico" href="favicon.ico" />这段代码放到您到网站的<head></head>代码之间到任意位置。

这样您的网站就可以最终拥有一个漂亮的浏览器地址栏前面的小图标了。

分享到：
| jsp 判断是否登录
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics