解决在IDEA上图片链接正确却显示不出来图片的问题

在我复习HTML5的过程中遇到了这样一个问题：图片目录的路径正确却在网页上运行HTML显示不出来图片。

1、问题阐述：

在我们新建一个项目的时候，默认会有一个src的目录，我们可以在src的目录下新建html文件

我们在src目录下新建graph.html，我们让它显示一张图片，目录路径如上图所示：

点击Copy Path，就会复制到图片的绝对路径：

<img src="D:\myIDEA\HTML\resources\image\1.jpg">

 当然也可以用图片的相对路径，推荐写相对路径：

<img src="..\resources\image\1.jpg">

 这时运行html文件，无论是相对路径还是绝对路径都显示不出图片。

解决办法：

新建一个目录，如图所示：

起名为html

在textImage里面用相对路径显示图片：

<img src="..\resources\image\1.jpg" width="160" height="90">

这里图片成功显示出来了：

小技巧：现在图片好多都是16：9的，在设置长和高时我们让它们的比例时16：9，显示效果最好 

当然，最重要的是：

1、无论新建不新建目录，图片的绝对路径还是显示不出来图片，不知道是不是我的问题？

2、也不能把图片放在和html文件一个目录下，这样虽然只写一个图片的名称就好了，但是不方便        管理。

3、写这篇文章也是要请求帮助，有没有大佬知道我这里的问题所在，还有没解决的问题，请评论。