HTML网站图标favicon HTML网站图标|HTML5

本文概述

如何创建一个图标
如何在HTML文件中插入Favicon

网站图标是一个小文件, 其中包含一个或多个用于表示网站或博客的图标。也称为标签图标, 网站图标, URL图标或书签图标。
此图标实际上显示在地址栏, 浏览器的选项卡, 浏览器历史记录, 书签栏等上。favicon的图像为.ico文件格式。有多种文件格式, 但是所有浏览器都支持.ico格式。
如何创建一个图标以下是创建收藏夹图标的步骤：

单击以下URL, 创建图标, 请执行以下操作：https://www.favicon.cc/
成功创建网站图标后, 我们可以通过单击“下载网站图标”选项来下载网站图标。
3下载后, 文件系统驱动器中提供了一个名为favicon.ico的图标。

如何在HTML文件中插入Favicon 1.以下是将favicon.ico图像插入HTML文件的步骤：
打开HTML文件。然后, 使用以下语法在Windows文件中插入收藏夹图标。

< link rel="shortcut icon" href="http://www.srcmini.com/favicon.ico" type="image/x-icon">

2.我们必须在html文件的标签中使用以上语法。然后保存文件。
3.现在。在任何浏览器中打开HTML文件。我们可以在网页上看到该图标。
例

< html> < head> < link rel="shortcut icon" href="http://www.srcmini.com/favicon.ico" type="image/x-icon"> < /head> < title> Example of favicon< /title> < body> < br> < br> < p align="center"> < img src="http://www.srcmini.com/download.jpg"> < /p> < /body> < /html>

立即测试
【HTML网站图标favicon】输出：