HTML+CSS项目实践四：给html网页标题栏添加logo图标（ico格式图片）

逍遥小丸子

于 2018-12-26 09:42:38 发布

阅读量1.6w

点赞数 7

CC 4.0 BY-SA版权

分类专栏： HTML+CSS网页设计

本文链接：https://blog.youkuaiyun.com/dnruanjian/article/details/85257065

HTML+CSS网页设计专栏收录该内容

43 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在HTML网页标题栏添加ico格式的logo图标，包括准备ico图片、在<head>标签中引用图片的步骤，强调了图片尺寸、路径正确性和制作方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果：

制作思路：

1、准备一张ico格式图片
2、在<head>标签里使用<link />标签，引用icon图片

实现代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>在网页标题栏添加logo图标的方法</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
 
<body>
<p>在网页标题栏添加logo图标的方法:</p>
<ol>
	<li>准备一张icon图片</li>
    <li>在head标签里使用link标签，引用icon图片</li>
</ol>
</body>