html如何给页面的标题边上加小图标
时间: 2023-05-30 18:05:51 浏览: 127
html5鼠标拖拽填充游戏代码
使用`<link>`标签可以在页面标题边上添加小图标,具体步骤如下:
1. 准备一个小图标,通常是一个16x16像素的ico格式图标,可以使用在线工具转换jpg、png等格式的图片为ico格式。
2. 在html文件的<head>标签中添加如下代码:
```html
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
```
其中,`href`属性指定图标的路径,`type`属性指定图标的类型。
3. 把图标文件放在与html文件同级的目录下,并改名为`favicon.ico`。
4. 在浏览器中刷新页面,即可看到页面标题边上的小图标。
完整的html代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<h1>页面内容</h1>
</body>
</html>
```
阅读全文