如何在网站标题前面加logo

冷不防 2022-03-27 13:23 462阅读 0赞

### 网站标题前加图片 ###

今天跟大家分享一下如何在网站标题前添加自己公司的logo

在项目中新建images文件夹，

images：

在百度上搜索关键字“ico”，点击第一个，比特虫

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU0NDU1Mw_size_16_color_FFFFFF_t_70][]

将你们公司的logo进行转化为ico图片。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU0NDU1Mw_size_16_color_FFFFFF_t_70 1][]

完成之后，把你的.ico图片放置在新建的images中

新建index.html文件

index.html：

<!DOCTYPE html>
    	<html lang="zh">
    	<head>
    		<meta charset="UTF-8" />
    		<title>网站标题前加logo</title>
    		
    		<link rel="shortcut icon"  href="images/favicon.ico"/>
    	</head>
    	<body>
    		
    	</body>
    	</html>

完成后你就可以在浏览器打开你的html页面啦

![20190113213228379.png][]

网站标题前面也会多了张小图片。

### 记住一般，.ico图片的名字为  favicon.ico ###

你可以看一下百度这些网站标题的缩略图，基本都是这样子。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU0NDU1Mw_size_16_color_FFFFFF_t_70]: /images/20220327/1130d1687fc84f8ea29de850f5e871de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU0NDU1Mw_size_16_color_FFFFFF_t_70 1]: /images/20220327/0a5278da1b5b40d8b8f7bbfbcbd3e1c0.png
[20190113213228379.png]: /images/20220327/8a82aa37a59b46d9a1cc6809ed4b624b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，462人围观）

还没有评论，来说两句吧...

相关阅读

相关在ParaView中给结果加logo

这篇文章[在ParaView中以任意图片作为背景][ParaView]中介绍了更改背景图片的方式，可是有时我们不想更改整个图片的背景，只想加一个小的图片 logo 放在角...

╰半橙微兮°/ 2024年04月18日 19:09/ 0 赞/ 27 阅读

相关情人节网站logo赏析

一年一度的情人节，不少网站都进行了不错的装点，我们不妨来简单浏览一下，借以触发灵感。百度百度的logo放上了改变，变成了一个gif，图片如下。 ![百度logo

你的名字/ 2022年08月07日 01:37/ 0 赞/ 145 阅读

相关如何在网页标题栏title加入logo(icon)图标？

From: [https://www.cnblogs.com/lyp123/articles/5661661.html][https_www.cnblogs.com_lyp12

缺乏、安全感/ 2022年05月18日 09:44/ 0 赞/ 300 阅读

相关如何让百度搜索结果显示网站 logo

1、注册并登陆百度资源搜索平台：[https://ziyuan.baidu.com][https_ziyuan.baidu.com] 2、通过站点管理添加并验证你的网站地址：

男娘i/ 2022年04月22日 12:32/ 0 赞/ 213 阅读

相关如何在标题栏TITLE前添加网站LOGO

解决办法如下： head标签下添加代码，如下： 1 <link rel="shortcut icon" href="your_ico.ico" type="imag

古城微笑少年丶/ 2022年04月06日 02:36/ 0 赞/ 237 阅读

相关如何在网站标题前面加logo

网站标题前加图片今天跟大家分享一下如何在网站标题前添加自己公司的logo 在项目中新建images文件夹， images：在百度上搜索关键字“ico”，点击第一

冷不防/ 2022年03月27日 13:23/ 0 赞/ 463 阅读

相关 PHP在变量前面加&是什么意思

比如： <? php $a = 'c' ; $b = & $a ; //表示$b 和 $a 引用了同一个变量 $a = 'abc' ; //这里重置了$a ech

比眉伴天荒/ 2022年03月26日 12:28/ 0 赞/ 270 阅读

相关 word文档中标题前面的点如何去掉

1、先右击需要进行修改的标题，如下图，点击修改 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

阳光穿透心脏的1/2处/ 2022年03月22日 17:10/ 0 赞/ 728 阅读

相关如何在网页标题栏title加入logo(icon)图标？

转自 \--https://www.cnblogs.com/lyp123/articles/5661661.html 转载于:https://www.cnblogs.com

小鱼儿/ 2021年10月29日 07:24/ 0 赞/ 409 阅读

相关 WPS中在前面加了标题如何更新项目编号

最近用WPS写文档的时候，发现写了很多段，但是前面需要追加段落。这时遇到一个麻烦的问题：每个段落的自动编号没有更新，还得手动去一个个改。后面我仔细看了相关的选项，只要点击编号，

小咪咪/ 2021年09月24日 03:36/ 0 赞/ 500 阅读