有2种方式:绝对路径 和 相对路径
1.绝对路径:出发点为盘符(如C:\Users\Admin\Desktop\picture.jpg)
注意:每个人的文件夹位置不一样,可以通过右键属性查看图片路径;
2.相对路径:出发点为目标文件所在地index.html,进行上下级访问;
(1)同级 (C:\Grandpa\Father\Son)
假设 picture.jpg 和index.html都在 Father文件
写:<img src="picture.jpg">
(2)上级(C:\Grandpa\Father\Son)
假设picture.jpg在Grandpa文件夹中,index.html在Father文件
通过 ../ (2个点加一个斜杠),访问上级Grandpa文件夹,找到picture
写:<img src="../picture.jpg">
(3)下级:./ (一个点加一个斜杠);
假设picture.jpg在Son文件夹中,index.html在Father文件
通过 ./ (1个点加一个斜杠),访问下级son文件夹,找到picture
写:<img src="./picture.jpg">