又菜又爱玩的编程爱好者  

产生需求的原因:

今天想要把在网页标题的左侧添加图标,效果图如下:

0.png
却忘记了如何使用了?

需求目标:

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

具体实操:

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

1.jpg
2.在画图工具的左上方,点击文件选项——选择另存为,效果图如下:
2.jpg
3.选择后缀为.bmp,效果图如下:

3.jpg
4.生成.bmp文件,效果图如下:

4.jpg
5.选择.bmp文件,点击右键——选择重命名

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

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

7.jpg
8.将生成的ico放进HTML代码中,代码的语法格式如下:

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

8.png
9.生成前后的效果图如下:

9.png

posted on 2021-06-14 23:11  又菜又爱玩的编程者  阅读(1195)  评论(0编辑  收藏  举报