怎么在html5中添加图片不显示不出来，html加入图片加载不出来

HTML插入图片为什么图片显示不出来?

html插入图片不显示的原因是系统一时故障导致的，具体解决方法步骤如下：首先，需要创建一个html。同时，需要创建一个CSS文档。CSS文档的后缀名必须为CSS，比如创建一个index.css文档。

先进入浏览器主页，点击工具。选择internet选项。高级——显示图片前面打勾，确定就可以了。文件的构成就是由文件头，包含着文件的基本信息，大小，格式等，文件数据，结束标志。

就是图片路径问题，你使用的是图片的绝对路径，应该使用相对于这个页面的相对路径才可以，比如你可以把html和图片放到一个文件夹下，src直接写图片名。还有，图片不能使用中文名。

HTML插入图片不显示，有几个原因需要排查一下：图片调用路径不对；图片名称不对；图片本身有问题；图片调用代码问题。

你的图片路径有问题。不准确完整 推荐使用相对路径。比如html和jpg这两个文件在同一级文件夹里。

相关问答

Q1: html5为何显示不出来图片

1、检查代码是否输入正确使用 来插入图片说明： 为HTML插入图片的标签scr，表示想插入图片所在的位置width，表示想插入图片的宽度height，表示想插入图片的高度 检查图片调用路径是否设置正确。

2、图像显示不出来可能有以下几种原因： 图片路径问题：如果图片路径设置不正确，浏览器无法找到该图片。需要检查图片路径是否正确以及图片是否存在。

3、第一，看下相应的图片库文件夹是否有相应的图片，如果有就好说，只需要改路径，如果没有，你需要到原网站上将图片一个一个下载到相应的文件夹。第二，如果图片库里有图片，需要修改路径。可以批处理修改一下。

4、HTML显示不出PNG图片，是设置错误造成的，解决方法如下：首先在电脑中，找到并打开AveDesktopSites软件。软件打开后，找到要显示到电脑桌面html网页或htm文件。下面是要显示html网页或htm文件的存放路径。

5、这里的意思就是显示不重复的背景图像，这里除了no-repeat外，还有repeat-x表示X轴平行重复显示，repeat-y表示Y轴垂直重复显示。这两个你可以尝试一下。

Q2: 在html5中插入图片,会出现框,应该是图片的影子,但是图片显示不了。

1、代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

2、你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。

3、图片的下载是需要时间的。要保证canvas绘图前，图片已加载完毕。所以，图片的绘制drawimage代码要写在图片的加载事件中。

Q3: 如何用html5插入背景图片?

1、具体步骤如下：插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

2、打开HBuilder；新建html项目。设置文件名，点击“完成”。将背景图拖动到Hbuilder工程的img文件夹。点击“确定”。找到。将改成。其中“img/背景jpg”为背景图路径。然后保存文档。

3、首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。

关于怎么在html5中添加图片不显示不出来和html加入图片加载不出来的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。