网页Title小图标的添加

《网页Title小图标的添加》
开发工具和关键技术:Adobe Dreamweaver CC 2017、网页Title小图标的添加
撰写时间:2019年1月16日
今天,和大家分享的技术是网页小知识。
首先,每个网页都有属于自己的Title小图标,每个网页在最开始的时候是没有Title小图标,需要程序员自己自定义。
我举了一个例子,如下。
最开始的网页Title小图标,
截图如下:
在这里插入图片描述
添加网页Title小图标的如下:
第一步,在Adobe Dreamweaver上创建属于该网页的HTML并打开。
截图如下:
在这里插入图片描述
第二步,在title的下一行添加这段。
截图如下:
在这里插入图片描述

第三步,在href上添加所需要图片的路径。

如下:
步骤一:在href上添加 ./ ,就回弹出“浏览”这两个字,并点击它。它回跳转文件所在页面。
截图如下:
在这里插入图片描述
步骤二:在文件中选择图片所在文件夹。
截图如下:
在这里插入图片描述
步骤三:在文件夹中选择图片,并点击“确定”。
截图如下:
在这里插入图片描述
第四步,在该网页的HTML上按住“ctrl”+”s”键,保存。
截图如下:
在这里插入图片描述
在浏览器打开该文件,并刷新。网页Title小图标就完成了。
截图如下:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44561769/article/details/86564969