网页Title小图标的添加

时间:2024-03-21 09:20:01

《网页Title小图标的添加》
开发工具和关键技术:Adobe Dreamweaver CC 2017、网页Title小图标的添加
撰写时间:2019年1月16日
今天,和大家分享的技术是网页小知识。
首先,每个网页都有属于自己的Title小图标,每个网页在最开始的时候是没有Title小图标,需要程序员自己自定义。
我举了一个例子,如下。
最开始的网页Title小图标,
截图如下:
网页Title小图标的添加
添加网页Title小图标的如下:
第一步,在Adobe Dreamweaver上创建属于该网页的HTML并打开。
截图如下:
网页Title小图标的添加
第二步,在title的下一行添加这段。
截图如下:
第三步,在href上添加所需要图片的路径。
如下:
步骤一:在href上添加 ./ ,就回弹出“浏览”这两个字,并点击它。它回跳转文件所在页面。
截图如下:
网页Title小图标的添加
步骤二:在文件中选择图片所在文件夹。
截图如下:
网页Title小图标的添加
步骤三:在文件夹中选择图片,并点击“确定”。
截图如下:
网页Title小图标的添加
第四步,在该网页的HTML上按住“ctrl”+”s”键,保存。
截图如下:
网页Title小图标的添加
在浏览器打开该文件,并刷新。网页Title小图标就完成了。
截图如下:
网页Title小图标的添加