一张网页,如果标题只有文字,那会显得特别单调;那么如何加入一个小图标呢,废话不说,代码展示。
在html中的<head>标签里:
<head> <meta charset="UTF-8"> <title>叮叮书店</title> <link href="images/logo.ico" rel="icon" type="image/x-ico"> <link href="style.css" rel="stylesheet" type="text/css"> </head>
在这里简单说明一下:
但凡遇到自己不熟悉的东西时,其实都可以跟自己之前遇到过的相类比,从而得出它们身上的异同;
我们基本上已经知道CSS3可以引入外部样式表,<img也是通过外部引入的,那么图标也不例外,href=" "不能少,填入图标相对路径;
rel(relation 联系 就是与此html网页有什么联系,是它的什么)=" ",填入图标单词icon; type=" "这个经本人测试,加不加都不影响效果,但是可能对代码的可移植性有影响,所有还是加上比较好,image是图片类型,x-ico是一种图标格式,图标其实是多张相同显示图片的不同尺寸和发色数组合而成,是三维的,所以x-ico是完整格式的缩写,像24x24 32bit、32x32 32bit 之类的像素加色深的图标格式。
效果如下所示:
到此这篇关于HTML5中在title标题标签里设置小图标的方法的文章就介绍到这了,更多相关HTML5标题里设置小图标内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
在使用HTML表的时候有时候需要我们改变行距,但是改变margin,padding,collapse...
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值,重现代码如下 复制代码 代码如下: ...
在做网站的时候,希望网页能实现一个效果,就是可以弹出一个网页窗口,用来显示...
1.我不会挽留任何一个企图离开我的人,你是例外。 2.有些记忆,注定无法抹去,...
各位小伙伴们好,今天我们来聊一聊JavaScript 中的“类型系统”。 但是在开始之...
注 :目前比较流行的前端框架有Bootstrap、Foundation,这两都有着常用的网页设...
基本语法 text-overflow的使用需配合hight,over-flow:hidden;white-space:nowrap...
Dreamweaver中的代码想要插入注释,该怎么添加呢?下面我们就来看看详细的教程。...
公司项目需求,要实现任务卡片在不同任务列表之间进行拖拽实现任务类别的更改。...
测试试一下!...