900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html如何修改title前的小图标

html如何修改title前的小图标

时间:2019-06-25 08:44:18

相关推荐

html如何修改title前的小图标

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>

效果图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。