在写图片的路径时，有两种写法：相对路径、绝对路径 写法一：图片的相对路径 相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和上一层目录。 举例1： <!-- 当前目录中的图片 --> <img src="2.jpg"> <img src=".\2.jpg"> <!-- 上一级目录中的图片 --> <img src="..\2.jpg"> 相对路径不会出现这种情况： aaa/../bbb/1.jpg ../要么不写，要么就写在开头。 举例2： <img src="images/1.jpg">
写法二：图片的绝对路径
绝对路径包括以下两种： （1）以盘符开始的绝对路径。举例： <img src="C:\Users\qianguyihao\Desktop\html\images\1.jpg"> （2）网络路径。举例： <img src="http://img.smyhvae.com/20200122_200901.png"> 相对路径和绝对路径的总结 相对路径的好处：站点不管拷贝到哪里，文件和图片的相对路径关系都是不变的。相对路径使用有一个前提，就是网页文件和你的图片，必须在一个服务器上。 问题：我的网页在C盘，图片却在D盘，能不能插入呢？ 答案： 用相对路径不能，用绝对路径也不能。 注意：可以使用file://来插入，但是这种方法，没有任何意义！因为服务器上没有所谓c盘、d盘。 下面的方法是行的，但是没有任何工程上的意义，这是因为服务器没有盘符，linux系统没有盘符： <img src="file://C:\Users\qianguyihao\Pictures\明星\1.jpg" alt="" />
总结一下： 无论是在 a 标签还是 img 标签上，如果要用路径。只有两种路径能用，就是相对路径和绝对路径： 相对路径从自己出发，找到别人。 绝对路径，就是http://或者https://开头的路径。 绝对不允许使用file://开头的文件，这个是完全错误的！
原文：https://www.cnblogs.com/fightforcoder/p/12733499.html