三,HTML中的路径问题

一,给src属性赋值的两种方式

1,相对路径

每次都是从".html"文件所在文件夹中开始查找

1)同级

图片与".html"文件在同一个文件夹中

格式:src="××.jpg/png/gif"

含义:在.html文件所在的文件夹中查找名称叫做××.jpg/png的图片

2)下级

下级就是"存储图片的文件夹"和".html文件"在同一个文件夹中

格式: src="文件夹1/××.jpg/png"

含义:在文件夹1中找到名为××.jpg/png的图片

3)上级

上级就是"存储图片的位置"和存"储代码的文件夹"在同一个文件夹中

格式: src="../××.jpg/png"

含义:在.html文件所在的文件夹中找到这个文件夹的上一级文件夹,然后再在上一级文件夹中找到名

称叫做××.jpg/png的图片

其中../代表找到当前文件夹的上一级文件夹

2,绝对路径(了解)

绝对路径就是每次都从指定的盘符开始查找

格式: src="C:\Users\lv-pc\Desktop\HTML\××.jpg/png"

因为绝对路径可移植性不好,所以一般在企业开发中,很少用到,我们只要做个简单得了解就可以

了。

3,注意点

1)路径中不要出现中文,否则可能出现未知问题

2)如果是通过"相对路径"来指定图片,不能跨盘符

3)例如.html文件在C盘,那么不能去查找D盘图片

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容