1、相对位置只与文件相对位置有关,绝对位置不容易移植,如果移动位置无法访问。对比如下图所示。
2、在文件test文件夹下新建images文件夹,存放1.jpg和2.jpg,如下图所示。
3、新建文本文档,命名为utl.txt,操作见下图。
4、在html通过相对路径方式引入图片1<img src="./images/1.jpg" title="相对路径" width="200" height="200">通过绝对路径方式引入图片2<img src="C:\Users\Administrator\Desktop\test\images\2.jpg" title="绝对路径" width="200" height="200">
5、保存文件后,重命名文件为url.html,操作见下图。
6、最后通过相对和绝对路径引入后运行效果,如下图所示。