img标签src路径图片无法显示的原因。
1.路径问题，路径可分为绝对路径和相对路径。
（1）绝对路径：很多编译器不能把图片的绝对路径解析出来，因此图片无法在网页中显示，而且在开发过程中，一般都是使用相对路径，不过值得注意的是，如果你坚持要使用绝对路径，那你的图片文件不能放在桌面上，因为这可能会涉及到权限的问题而导致图片无法显示。
（2）**相对路径：**很多初学者可能无法理解相对路径的层级关系，我在这里就给大家列举几种情况，来帮助大家理解学习。
举例一：
如上图显示，我们index.html页面和img目录是处于同一个级别的，所以我们需要访问img目录下的图片时，只需要写入路径信息**“img/1111.jpg”**即可。结果：
图片成功显示。举例二：
如上图显示，和第一个例子不同的是，此时，index.html页面是在yemian目录之下，不再是img目录的同级。
此时的index是与1111.jpg处于同一目录下的，于是我又加了一条语句**<img src="1111.jpg">**
<img src="1111.jpg"> //同级
<img src="img/1111.jpg"> //不同级那么以上两行代码那个会显示出图片来呢，相信你已经有答案了，看下结果。
结果：
可以看见，同级的显示出来了，不同级的无法显示。
<img src="img/1111.jpg"> //显然，在执行这句代码时，index.html在与它同级的目录中，没有找到一个名叫**img的目录**，更不用说找到其下面的图片文件了。那么，如何去访问不同级的图片呢？我们在看一下目录结构。
如果index.html需要使用img目录下的图片，则需要先返回上一级目录,语句如下。
<img src="../img/1111.jpg">index.html返回上一级目录后，就能找到同级目录下的img目录。
结果：
可以看见，两个熊头都显示出来了。
那么，如果目录还要比这更加复杂呢？
举例三：
可以看见，在yemian目录之下，又多了一个yemian2目录，此时我要使用img目录下的图片文件，又该如何呢？
其实很简单，既然加个…/可以返回上一层目录，那我再加一个，不就行了。
到这里相信很多人已经理解了。
<img src="../../img/1111.jpg"> //不同级 返回两层目录。2.除了路径问题，也可能是图片后缀以及语句书写错误，要留意图片是PNG格式，还是jpg格式的，别写错了，仔细检查是否有不对的地方。
3.浏览器兼容问题，可以更换浏览器尝试。
4.还有部分无法显示图片的原因是发生在上传图片之后，图片无法立马显示，这类问题我将在后面的文章中细说。
以上，如果上述内容解决了你的图片无法显示的问题，别忘记点个赞哦，这样，以后将会出现更多能帮助你的文章！
