以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可：
1 <img src="gzh1.jpg" width="200px">
图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开：
1 <img src="img/gzh2.jpg" width="200px">
图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推：
1 <img src="../gzh3.jpg" width="200px"> 2 <img src="../../gzh4.jpg" width="200px">
2.绝对路径
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。
本地路径：
1 <img src="D:\zhuomian\HTML\code\8.HTML路径\img\gzh2.jpg" width="200px">
网路路径：
1 <img src="https://profile.csdnimg.cn/B/1/0/2_mahaiwuji" width="200px">