如何用html做logo,html如何设置页面图标（logo）

在html中，可以利用link标签来设置页面图标；只要在页面的head标签中添加“”代码即可。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

准备材料

1、准备一张32px*32px大小的ico图标。

2、准备好开发环境。

开始制作设置网页的ico图标其实比较简单，只要在页面的head标签中添加一行代码即可。，这行代码看着是不是很简单？

使用示例如下：

系统首页

Hello World

在浏览器中刷新页面，如果看到类似下图的效果，那么恭喜你！这一波操作已经成功。

说明：link元素可以用来引入HTML页面外部的资源文件。在Web开发过程中开发者会用link将CSS文件引入到页面中，当然也可以用link设置ico图标。

rel ：表示将要引用的资源类型。

href：表示指向资源的URL。

,代码中rel="shortcut icon"是一种固定写法。如果缺省该属性会影响ico图标的正确显示。所以该属性千万要记得写。这行代码通俗的讲就是告诉浏览器帮忙引入一个ico格式的图标，资源的地址在href中。

如何用html做logo,html如何设置页面图标（logo）相关推荐

如何用html5做个人中心,个人中心页面从思考到设计全过程
原标题:个人中心页面从思考到设计全过程最近刚做完一个项目,我发现我的设计效率相比之前竟然提升了30%以上,在以前做界面时总是会纠结采用什么样式,什么布局.而现在在看了原型之后就大概知道我要怎么做了, ...
设置页面图标和动态title
前言项目以vue为例图标在public目录下,放置一个图片在index.html里使用下面的代码引入图标 <head><meta charset="utf-8&qu ...
vue 做一个定点地图的页面（定位到你想要的地点）
实例:如何用vue做一个定点地图的页面,进入一个地图,并且定位到你想要的地点. 这里举一个定点医院的例子. 在pages中添加一个vue页面为Hospital_map.vue,将该网页注册到路由src ...
android 画笔压痕效果,【自制样机教程】如何用Ps做一个压痕效果的Logo样机
原标题:[自制样机教程]如何用Ps做一个压痕效果的Logo样机上次教你们做的自制小糖袋的贴图样机不知道你们玩耍的咋样今天再给你们介绍一个logo的样机这次的教程主要用到了图层样式来看看怎么 ...
如何用Jmeter做压力测试
Jmeter是一个性能测试工具,同loadrunner类似,他功能较多,我们常用的功能是用jmeter模拟多浏览器对网站做压力测试. 我们一般的网站,在进入业务功能前先需登录,然后才能访问业务功能.下 ...
css响应式布局_Web前端新手怎么入门如何用CSS做响应式布局
Web前端新手怎么入门?如何用CSS做响应式布局?很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局.接 ...
渲染服务器位置,如何用服务器做渲染
如何用服务器做渲染内容精选换一换 ��BoostKit ARMԭ��ʹ��׼��嵥��Ϊ�û��ṩ��Խ��ܺ�Լ��Ϣ�� 华为云帮助中心,为用户提供产品简介.价 ...
window safari 怎么进入响应式_Web前端新手怎么入门如何用CSS做响应式布局
Web前端新手怎么入门?如何用CSS做响应式布局?很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局.接 ...
【ArcGIS教程一】如何用ArcGIS做一张专题地图
对于很多小伙伴来说,不知道如何用ArcGIS做一张专题地图,并且出图放在word中展示.本期我们以一张全国各省市累计确诊人数专题图为例给大家展示如何用ArcGIS做一张如下图所示的疫情专题图,v公众号 ...
如何用Excel做一个战斗模拟器(一)升级经验表
如何用Excel做一个战斗模拟器(二)属性表如何用Excel做一个战斗模拟器(三)战斗过程模拟目录索引引言确定战斗公式与怪物强度确定人物升级经验确定人物升级时间确定升级所需经验引言作 ...

如何用html做logo,html如何设置页面图标（logo）

如何用html做logo,html如何设置页面图标（logo）相关推荐

最新文章

热门文章