路径
src
的两种赋值方式:- 通过相对路径赋值
1.1 同级:同级就是”图片”和”.html文件”存储在同一个文件夹中
格式:src=”imageName.jpg”
含义:在 .html 文件所在的文件夹中找到名为 imageNam.jpg 的图片。
1.2 下级:下级就是”存储图片的文件夹”和”.html文件”在同一个文件夹中。
格式:src=”images/imageName.jpg”
含义:在 .html 文件所在的文件夹中找到 images 文件夹,然后再在images
文件夹中找到叫做 imageName.jpg 的图片。1.3 上级:上级就是”存储图片的位置”和存”储代码的文件夹”在同一个文件夹中。
格式:src=”../imageName.jpg”
含义:含义:在 .html 文件所在的文件夹中找到这个文件夹的上一级文件夹, 然后再在上一级文件夹中找到名称叫做 imageName.jpg 的图片
其中../代表找到当前文件夹的上一级文件夹- 通过绝对路径赋值(开发中一般不用)
绝对路径每次都要从指定的位置开始查找。
- 通过相对路径赋值
注意:
路径中最好不要出现中文。
使用“相对路径”来指定图片,则不能够跨盘操作(根目录在F盘,不能去G盘查找图片)。