html5打不开图片不显示，html中为什么图片打不开

网页制作中,如何用html代码实现有图片就显示图片,没图片就不显示

当用户浏览网页时，图片因不确实因素导致不能正常显示，会出现alt属性进行图片说明，以方便用户判断图片内容；搜索引擎对于图片的识别还不够准确，alt属性能让搜索引擎更好的明白图片信息。

新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“/img”代码。

在代码中经常用到的插入图片代码是img属性，格式就是src后面是添加图片的地址，后面的alt是对图片的描述。在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。

添加img 标签，资源“src”里面填写本地图片的路径名：用浏览器打开文件，即可看到图片已添加成功，如下图所示 img标签定义及使用说明：img 标签定义 HTML 页面中的图像。

设置完成之后点击确定按钮，就可以了。如何更改图片大小、添加边框 宽度和高度： 通过使用属性中的宽度和高度来校正在网页中显示图像的大小。

相关问答

Q1: 为什么学习通上面解压的文件图片看不了

1、下载的文件保存位置不正确：确认下载的文件保存位置是否正确，可以在电脑的下载文件夹或其他指定文件夹中查找。

2、有可能是网络的问题，网络不稳定导致图片显示不出来，更换稳定的网络尝试。学习通是由北京世纪超星信息技术发展有限责任公司，于2016年开发的一款集移动教学、移动学习、移动阅读、移动社交为一体的免费应用程序。

3、学习通上传的cad图片加载不出来的原因。原因一是网络的不稳定导致cad图片加载不出来。原因二是软件卡顿了，可以退出软件的后天重新进入软件上传cad图片。

4、关于看学习通文件损坏或浏览器功能不支持这个问题我之前遇到过，挺容易解决的，接下来就跟大家讲讲应该怎么操作：工具：华为畅享9plus，学习通24 第一步，首先在桌面上找到学习通并打开。

5、学习通请假照片加载不出来的原因：网络问题，平台所处网络环境导致的访问照片时速度变慢。设备故障，设备内存不足、设备损坏或者设备驱动程序问题等均可能导致加载请假照片失败。

6、课件里的图传到超星学习通APP里看不到的原因是：pac list 代理列表里有匹配失误导致图片的链接走了代理服务器。这些代理流量访问考试平台资源被认为是异常流量，ban掉了导致无法加载图片。

Q2: Html5写的img标签图片不能正常显示,哪位大神可以教教我

图片显示不出，一般有三个问题： 图片所在路径错误 使用绝对路径 解决方法： 右键查看图片的详细属性，对比文件所在路径与书写的url，再进行修改即可。

首先，需要创建一个html。同时，需要创建一个CSS文档。CSS文档的后缀名必须为CSS，比如创建一个index.css文档。

img图片中不显示文字的解决方法如下。将图片转换为块级对象。设置图片的垂直对齐方式。设置父对象的文字大小为0px。改变父对象的属性。设置图片的浮动属性。

Q3: 用Dw创建html5,遇到问题,明明设计图上有的,代码也应该对的,但是浏览...

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

2、检测下浏览器是否兼容，看看在别的浏览器中能否正常显示出来，如果不行那就是代码出问题了。

3、首先因为浏览器问题页面框架显示失败怎么设计dw要打开dw cs6软件，单击菜单来的“文件”然后选择“新建”选项。

4、先保存一下网页，试试，不是编辑模式，这里语法不对。

5、很多情况下设计视图不能准确地显示网页效果，比如某些css设置的样式、html中有动态语言的代码等等。一切以浏览器显示结果为准。

6、在代码里必须这样写ima src=1jpg，不用在添加盘符）图像文件损坏，用photoshop打开，测试一下您的图像文件是否已经损坏。

Q4: HTML5中drawImage使用时遇到的问题及解决方法

1、ctx.drawImage(img，0，0)；改为 img.onload = function(){ctx.drawImage(img，0，0)；} 只有img 加载完了 你画它才有意义。

2、必须等到图片完全加载后才能对其进行操作， 浏览器通常会在页面脚本执行的同时异步加载图片。

3、解决办法如下：Firefox：在地址栏输入about：config，然后设置security.fileuri.strict_origin_policy为false。Chrome：在命令行中运行 /path-to-chrome/chrome.exe –allow-file-access-from-files。

4、按照你的描述，估计你之前的代码有调用过 ctx.scale 或者 ctx.transform 函数，导致坐标轴被缩放了。

5、解决方案是自己写算法进行平均采样 实现方式有两种，一种是js对像素点进行手动合并采样，具体算法可以用这个：github。

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