手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

绝对路径和相对路径的引用方法

时间:2024-10-14 08:34:34

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、最后通过相对和绝对路径引入后运行效果,如下图所示。

绝对路径和相对路径的引用方法
© 手抄报圈