html网页title旁边的小图标制作教程

news/2024/12/29 9:45:17/

这几天,为了解决title前边的小图标,忙了好一段时间,终于做出来了,虽然还不是很好,但还是很开心了。

你看,就是下边这样的图标。

那要怎样做呢?接下来让我为你慢慢道来。

1.首先,你需要做一个后缀为(.ico)的图片,

ico在线制作网站如下:

                www.bitbug.net/

界面如下:

          

2.制作完之后就算完成一半了

3.然后在title标签下面加入link标签后边的内容

行这样:<link rel="icon" href="填入图片的地址" type="images/x-icon" />

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台!</title><link rel="icon" href="img/favicon.ico" type="images/x-icon" />
</head>

4.做完之后就算完成了,但是这可能还是无法显示,这时,你需看一下以下几个方面:

 

注意注意注意!!!

但是这可能还是无法显示,这时,你需看一下以下几个方面:

1.图片路径是否正确

2.换个浏览器试试(应该就可以解决了)

 

以上就是全部内容,希望能对你有所帮助!!!


http://www.ppmy.cn/news/406514.html

相关文章

css(雪碧图,渐变色,放射渐变)

一.雪碧图 解决图片闪烁问题&#xff0c;提高网站的性能&#xff0c;可以使用 雪碧图/精灵图 ,学名&#xff1a;图片整合技术 实现原理&#xff1a; 将多张图片整合在一起&#xff0c;然后一次性引入到网站中&#xff0c; 减少网络请求&#xff0c;以提高网站的性能 实现步骤&…

HTML-img图片标签

文章目录 img 图片标签1. 说明2. 属性3. 补充1. png24 图片问题2. 解决方法&#xff1a; img 图片标签 <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>图片标签</title></head><body><img src&qu…

CSS - 背景图片

使用<body>标签使用一般标签进行拓展至整个页面 <!DOCTYPE html> <html xmlns"http://www.w3.org/1999/xhtml" lang"zh"><head><meta http-equiv"content-type" content"text/html; charsetUTF-8"><…

怎么形容智能冰激凌机器人_有关于形容描写冰激凌的句子及图片

1、我拿出冰淇淋&#xff0c;隐隐约约的看见淡黄的雪梨果肉和黑乎乎的巧克力豆。嗯&#xff0c;牛奶的香醇中又夹杂着雪梨的清甜和巧克力的浓香&#xff0c;味道好极了。 2、冰淇淋上面有各种各样颜色&#xff0c;有红的、黄的、紫的……真像一个八宝饭。 3、冰淇淋的形状看上去…

背景图片的标签

1. background-image:设置元素的背景图片 url("图片路径") 注意&#xff1a; 当图片比较小时&#xff0c;默认会以平铺的方式铺满整个背景区域。 平铺&#xff1a; 图片会在水平和垂直俩个方向上重复出现&#xff0c;直至背景区域填充完整。 代码如下; 2.background-…

垃圾分类数据集-8w张图片245个类附赠tensorflow代码

课程设计要做一个垃圾分类系统&#xff0c;需要识别可回收垃圾、厨余垃圾、有害垃圾和其他垃圾等四个大类&#xff0c;在网上找到了很多开源的数据集&#xff0c;但是质量参差不齐&#xff0c;而且有坏图的存在&#xff0c;所以我就将这些数据集还有自己爬取的数据一起清洗了一…

【houdini】带着uv进行模拟(冰激凌案例)

整个sop的路线图 前半部分&#xff1a;赋予材质并分离冰激凌球 一般模型是分部分的&#xff0c;比方说下面这个冰激凌的&#xff0c;分为5个部分。三个不同的冰激凌球和水和杯子。这些部分在houdini中被称为group。 用material节点一口气赋予5个group材质。 具体的材质的指…

css- 雪碧图与渐变

1. 雪碧图 解决图片闪烁的问题&#xff1a; 可以将多个小图片统一保存到一个大图片中&#xff0c;然后通过调整background-position来显示响应的图片 这样图片会同时加载到网页中就可以有效的避免出现闪烁的问题 这个技术在网页中应用十分广泛&#xff0c;被称为CSS-Sprite&…