HTML+CSS项目实践四:给html网页标题栏添加logo图标(ico格式图片)

版权声明:王迪 https://blog.csdn.net/dnruanjian/article/details/85257065

实现效果:

制作思路:

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>
</html>

注意事项:

1、ico格式图片的像素大小为16*16px

2、应用ico图片时,注意图片路径要正确

3、制作ico图片的方法:可以在线制作,也可以使用ps制作,或者把网上下载的小图片直接修改后缀格式为.ico

=============================这里是结束分割线================================

猜你喜欢

转载自blog.csdn.net/dnruanjian/article/details/85257065