相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。
这里简单来说，图片相对于HTML页面的位置。
|
相对路径分类 |
符号 |
说明 |
|
同一级路径 |
图像文件和html文件在同一级，引用：<img src=”图片.jpg” /> |
|
|
下一级路径 |
/ |
图像文件位于html文件的下一级，引用：<img src=”images/图片.jpg” /> |
|
上一级路径 |
../ |
图像文件位于html文件的上一级，引用：<img src=”../图片.jpg” /> |
<h4>同级引用</h4>
<img src="图片1.jpg" />
<h4>下一级引用</h4>
<img src="images/图片.jpg" />
<h4>上一级引用</h4>
<img src="../图片2.jpg" />
<h4>上一级image文件的下一级图片</h4>
<img src="../image/人类命运共同体.jpg" />其中第8行代码为混合引用，该图片位于html文件的上一级的文件夹image中。