产生需求的原因：

今天想要在网页标题的左侧添加图标，效果图如下：

 

但是心中有这个效果图，却忘记了如何使用了？

需求目标：

在html网页标题栏上添加图标

具体实操:

1.点击右键——选择打开方式——选择画图工具，效果图如下：

 

2.在画图工具的左上方，点击文件选项——选择另存为，效果图如下：

 

3.选择后缀为.bmp【注：这里选择的是24位位图】，效果图如下：

 

4.生成.bmp文件，改后缀的作用可以理解为jpg转ico的过渡，效果图如下：

 

5.选择.bmp文件，点击右键——选择重命名

 

6.将后缀的bmp改成后缀ico，如果有弹框出现，也是照样点确定

 

7.成功改成后生成的效果图

 

8.将生成的ico放进HTML代码中，代码的语法格式如下：

<link rel="icon" href="图标地址" type="image/x-icon">

 

9.生成前后的效果图如下：