如何在网页标题栏中插入图片图标?
很多网页的标题栏都有个小图标,比如淘宝的网页标题栏上就有个橘红色的淘字。所以我想请问,需要什么代码(HTML,CSS或JavaScript)才可以在网页标题中插入图片?请...
很多网页的标题栏都有个小图标,比如淘宝的网页标题栏上就有个橘红色的淘字。所以我想请问,需要什么代码(HTML,CSS 或 JavaScript)才可以在网页标题中插入图片?
请给一个代码片断的例子,谢谢。
我试过直接这样做:<title><img src = "xxx.jpg"></title>,但根本不起作用。我看了看在标题栏中插入图片的一些网站的代码,他们的<title>之间根本什么都没有,那到底是怎么实现的呢?
谢谢两位,我试了一下这几个方法,没有一个能成功的。我想可能是我操作的问题,或是理解上的问题。
第一个方法,favicon在根目录,用任何浏览器打开都不起作用。(IE8.0, Firefox, Chrome)
第二个方法,<LINK REL="SHORTCUT ICON" HREF="http://www.intodigi.com/youricon.ico">, 这个仅仅在FireFox上显示出来了。然而当我将网页publish到公共网络时,任何浏览器都不起作用。
第三个方法,<link rel="icon" href="images/p2.ico" type="image/ico"> 是不是一定要gif的文件?我没试gif,试得ico和jpg都没成功。
还请帮忙看看是哪里出了问题?人比较笨,请忍住。 展开
请给一个代码片断的例子,谢谢。
我试过直接这样做:<title><img src = "xxx.jpg"></title>,但根本不起作用。我看了看在标题栏中插入图片的一些网站的代码,他们的<title>之间根本什么都没有,那到底是怎么实现的呢?
谢谢两位,我试了一下这几个方法,没有一个能成功的。我想可能是我操作的问题,或是理解上的问题。
第一个方法,favicon在根目录,用任何浏览器打开都不起作用。(IE8.0, Firefox, Chrome)
第二个方法,<LINK REL="SHORTCUT ICON" HREF="http://www.intodigi.com/youricon.ico">, 这个仅仅在FireFox上显示出来了。然而当我将网页publish到公共网络时,任何浏览器都不起作用。
第三个方法,<link rel="icon" href="images/p2.ico" type="image/ico"> 是不是一定要gif的文件?我没试gif,试得ico和jpg都没成功。
还请帮忙看看是哪里出了问题?人比较笨,请忍住。 展开
4个回答
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
2017-05-27 · 知道合伙人互联网行家
关注
展开全部
一、工具:Dreamweaver 软件
二、操作步骤:
【1】为了方便快速演示,这里用一下Dreamweaver软件,当然也可直接用文本文件来代替,其网页代码是一致的!
【2】打开Dreamweaver软件,新建一个HTML空白页!
【3】将其网页的标题修改一下,改为所需要的标题,同时将文件保存到电脑中,这里就直接保存在桌面上了!
【4】保存好后,可以运行一下,用浏览器打这个网页文件,是不存这个标题图标的!
【5】即然是图标,就需要一个.ico扩展名的图片,如果是其他类型的图片,可以通过网上再线转换功能,转为ico格式的图片!这里就演示怎样获得ico格式图片了!
【6】准备好,将网页文件与图标图片放到同一个目录下,在标题下,再添加一个简单的代码就好了,<link rel="shortcut icon" href="111.ico"/>,这个文件名一定要与ico图标的文件名一致!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<head>
<link rel="shortcut icon" href="images/p1.ico" />
<link rel="icon" href="images/p2.gif" type="image/gif" />
</head>
上边的两句都是可以的!
又测试了一下,第一句对IE和火狐都是可以的;第二句只对火狐有效。把代码块粘出来也许可以发现问题。
<link rel="shortcut icon" href="images/p1.ico" />
<link rel="icon" href="images/p2.gif" type="image/gif" />
</head>
上边的两句都是可以的!
又测试了一下,第一句对IE和火狐都是可以的;第二句只对火狐有效。把代码块粘出来也许可以发现问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
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临时文件后刷新,一般就出来了。
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临时文件后刷新,一般就出来了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询