在我复习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、写这篇文章也是要请求帮助,有没有大佬知道我这里的问题所在,还有没解决的问题,请评论。

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐