黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-p23-21-相对路径(上)-视频笔记

视频地址:https://www.bilibili.com/video/BV14J4114768/?p=23&spm_id_from=pageDriver&vd_source=92091721fde667b87f2021fd2256a257

路径

• 页面中图片会非常多,通常我们会新建一个文件夹来存放这些图像文件(images),这时再查找图像,就需要采用"路径"的方式来指定图像文件的位置
• 路径可以分为:相对路径和绝对路径

相对路径

• 相对路径:以应用文件所在位置为参考基础而建立出的目录路径
• 这里简单来说就是:图片相对于html页面的位置

相对路径的三种情况

• 同一级的相对路径:图像文件位于html文件同一级,如<img src="baidu.gif">
• 下一级路径:图像文件位于html文件的下一级,使用符号/,如<img src="images/baidu.gif">
• 上一级路径:图像文件位于html文件上一级,使用符号../,如<img src="../baidu.gif">