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

如何在网页标题栏中插入图片图标?,第1张

网页标题栏中插入图片图标步骤如下:

1、打开DW并新建一个html页面。

2、在head标签中输入【<link rel="icon" type="image/x-icon" href="#" />】,在井号位置按一下空格,选择【浏览】按钮。

3、在本地找到你刚才设计保存的图标,并点击【打开】。

4、这样图标地址就输入完成了,我们可以再把title名字修改成你的网站名称,如【百度经验】,保存后刷新网页可以看到我们网页的标题和图标都制作好。

工具/原料

电脑DreamweaverCC2018图标

方法/步骤

1、打开DW并新建一个html页面。

2、在head标签中输入【<linkrel="icon"type="image/x-icon"href="#"/>】,在井号位置按一下空格,点击【浏览】按钮。

3、在本地找到保存的图标,点击【打开】。

4、将title名字修改成需要的网站名称。

5、保存后刷新网页即可完成。

1。把图标放在网站的根目录下

2。然后在页面中的<head>标签中加入<link rel="shortcut icon" href="/favicon.ico">即

<head>

<link rel="shortcut icon" href="/favicon.ico">

</head>

记得保存网页.

3。在浏览器地址栏上输入ico图标的路径,检查图标是否放置正确.即http://xxx/favicon.ico 。如正确则会在网页上显示你的图标。(如不显示请在检查下路径)

4。输入网址。查看浏览器状态栏上是否有图标。没有则是以下原因。

①、浏览器缓存造成。因为你的项目在浏览器中第一次输入网址时,浏览器没有找到你的图标。按浏览器网页优化原则。无论找到找不到你的图标。都会缓存这个状态。即首次访问时候已经缓存成无图标网页,需要情况缓存,关闭浏览器之后从新打开预览。

②、浏览器状态栏标记原则。这个常见于谷歌浏览器,网页图标状态不与网页直接缓存,而是单独标记起来。这种解决的办法就是在浏览器地址栏上打开你的图标地址后,鼠标按住图标,拖到图标位置。多拖动几次。多刷新几次即可。

5。用了以上办法还没解决。请联系本帅哥 扣扣:七九零七零九吾就爱 艾特 扣扣 到 康姆。。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11252615.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-14
下一篇2023-05-14

发表评论

登录后才能评论

评论列表(0条)

    保存