zl程序教程

您现在的位置是:首页 >  系统

当前栏目

html1——标题栏logo、网站logo

网站 logo 标题栏
2023-09-14 09:13:44 时间

一、介绍

我们经常见到网页标题栏上有网站的logo,那这个logo是如何写的呢?
在这里插入图片描述在这里插入图片描述

二、步骤

1.处理图片

先找一张好看的图,对该图片进行处理,处理成格式为.ico。推荐网址:https://www.bitbug.net/
请添加图片描述

2.放置

生成的图片,命名为favicon.ico,放到项目文件里面,与html文件同级即可。
在这里插入图片描述

3.在页面中引入该图标:

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

4.结果

在这里插入图片描述

三、总结

整体简单,一般来说,整套网站的图标都是一个,所以直接放到和html文件同级的地方即可。