html如何修改title前的小图标
大家好,我是凡玉。今天来和大家分享WEB前端的一个小常识,如何改变title前的图标,这个图标是不能用普通的图片替换的,要用后缀为ico的图片文件进行替换。
下面凡玉就来带大家一起做一个ico图片,并用它修改title前的小图标。
首先我们找到一张图片在(打开方式)里选择《画图》
画图里也有可以修饰图片的工具,当你对图片满意后就可以点击 (文件>另存为)文件类型选择24位位图bmp完成后再手动将文件后缀改为ico,这样我们的ico图就完成了。
之后我们在html文件里的head标签内加入<link rel = "icon" href = "ico文件路径">
就可以了。
代码如下:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel = "icon" href ="images/title.ico"><title>修改title图标</title></head><body></body></html>
效果图: