【前端学习笔记】04-HTML中＜img＞标签的路径语法

刚学习HTML时，对img的路径语法总是含糊不清，当我们使用img标签显示图片的时候，需要指定图片的资源路径，比如:总结下从本机文件夹导入图片时候相对路径与绝对路径的规则。

示例：<img src="images/test_img.jpg">

一、相对路径

所谓相对路径，就是相对于自己的目标文件位置。

如图片问html文件的在同个目录下时则只需要输入文件的图像名称即可

例：<img src="test_img.jpg">

如果是上在一级目录或是上一级目录images里的子目录则分别为：

<img src="../test_img.jpg">

<img src="../images/test_img.jpg">

由此可见，若图片位于下一级路径时（即图像文件位于HTML文件同级文件下时），例如在img下
时，则为：

<img src="img/test_img.jpg">

2.绝对路径

绝对路径以Web站点根目录为参考基础的目录路径。之因此称为绝对，意指当全部网页引用同一个文件时，所使用的路径都是同样的例如“D:\web\img\logo.gif”，或完整的网络地址。

总结

事实上，在网页编程时，很少会使用绝对路径，通常在网页里指定文件时，都会选择相对路径

相对路径，就是相对于自己的目标文件位置，即相对于当前正在操作的html文档时引入文件的位置

绝对路径通常是指从盘符开始的路径