如何在网页标题栏中插入图片图标

最新推荐文章于 2024-07-22 08:55:10 发布

weixin_30244681

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量233

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Decmber/p/4914147.html

版权

1. 制作ico文件，你可以先制作出gif、jpg、png的都可以，大小在16px*16px最佳
2. 在百度搜“在线jpg转ico”，会有这样的网站，你按照步骤操作，得到ico文件
3. 将ico文件放置在网站根目录下
4. 在你的<head>...</head>添加
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
5. 如果没有显示，那么删除ie临时文件后刷新，一般就出来了。

图片转换成icon网站：
http://www.easyicon.net/covert/
http://www.ico.la/

实例：

<head>
        <meta charset = "utf-8" />
        <link rel = "icon" href="../img/head.jpg" type = "image/x-icon" />
        <link rel = "shortcut" href="../img/head.jpg" type = "image/x-icon" />
        <title>home</title>
        <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="../css/home.css">
        <script type="text/javascript" src = "../bootstrap/js/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src = "../bootstrap/js/bootstrap.min.js"></script>
    </head>

转载于:https://www.cnblogs.com/Decmber/p/4914147.html

weixin_30244681

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何在网页标题栏中插入图片图标

1. 制作ico文件，你可以先制作出gif、jpg、png的都可以，大小在16px*16px最佳2. 在百度搜“在线jpg转ico”，会有这样的网站，你按照步骤操作，得到ico文件3. 将ico文件放置在网站根目录下4. 在你的<head>...</head>添加<link rel="icon" href="/favicon.ico" type="image...
复制链接

扫一扫