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

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

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


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



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


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


ico在线制作网站如下:


               www.bitbug.net/

界面如下:

         


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

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

行这样:

<!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.换个浏览器试试(应该就可以解决了)

 

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

相关文章
|
12天前
|
数据挖掘 Shell 测试技术
怎么用Python解析HTML轻松搞定网页数据
**Python解析HTML摘要** 本文介绍了使用Python处理HTML的常见需求,如数据提取、网络爬虫和分析,并讨论了三种解析方法。正则表达式适用于简单匹配,但对复杂HTML不理想;BeautifulSoup提供简单API,适合多数情况;lxml结合XPath,适合处理大型复杂文档。示例展示了如何用这些方法提取链接。
|
25天前
|
移动开发 前端开发 JavaScript
解锁HTML5表单:构筑网页完美交互的基石
解锁HTML5表单:构筑网页完美交互的基石
|
16天前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
21天前
|
数据采集 JavaScript 前端开发
HTML表单深度解析:构建互动的网页界面
HTML表单深度解析:构建互动的网页界面
24 2
|
22天前
|
前端开发 JavaScript 搜索推荐
HTML标签是如何定义网页内容的显示方式的?
【6月更文挑战第28天】HTML标签是如何定义网页内容的显示方式的?
17 2
|
24天前
|
移动开发 前端开发 JavaScript
HTML5+CSS3+JavaScript网页实战
HTML5+CSS3+JavaScript网页实战
|
12天前
|
人工智能 前端开发 JavaScript
HTML 【实用教程】(2024最新版)
HTML 【实用教程】(2024最新版)
17 0
|
1月前
|
移动开发 HTML5 前端开发
【网页搭建基石】:揭秘HTML标签的魔法世界
【网页搭建基石】:揭秘HTML标签的魔法世界
|
16天前
|
数据采集 XML 存储
HTML内容爬取:使用Objective-C进行网页数据提取
HTML内容爬取:使用Objective-C进行网页数据提取