文件：pathRoute.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Path Route</title>
</head>
<body>
<!--同级路径：以当前文件为基准去找别的文件,直接写入文件名称 -->
<b>相对路径/同级路径:</b>
<img src="同级图片.jpg" height = "100" width="100" alt="同级图片">
<br/>
<!--下级路径：以当前文件为基准点击文件夹后去找文件, 通过 / 符号来向下进行查找 -->
<b>相对路径/下级路径:</b>
<img src="picture/下级图片.png" height = "100" width="100" alt="下级图片">
<br/>
<!--上级路径：以当前文件为基准返回上一级去找文件，通过../ 符号来向上进行回退查找 -->
<b>相对路径/上级路径:</b>
<img src="../上级图片.png" height = "100" width="100" alt="上级图片">
<br/>
<!--绝对路径即全路径，不推荐使用 -->
<b>绝对路径:
</b>
<img src="F:\html\路径\picture\绝对路径图片.jpg" height = "100" width="100" alt="绝对路径图片">
<br/>
</body>
</html>
文件图片位置：
效果展示：