图片路径问题

 

在写图片的路径时，有两种写法：相对路径、绝对路径

写法一：图片的相对路径
相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和上一层目录。

举例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://开头的文件，这个是完全错误的！