html5图片src，HTML5图片加载不出来

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

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

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

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

相关问答

Q1: tableimgsrc=如何理解

1、第一个是在单元格中放一张图片，而第二个是把图片作为党员个的背景，他俩当然不一样了。第一个单元格中的图片上面不能有文字等东西，而第二个作为背景的时候是可以把文字等等内容放到图片上面的。

2、给左侧的图片加一个css样式： vertical-align： middle，如下图。

3、src和alt两个属性是必选的。 语法： imgsrc=图片的文件路径 img标签是一个自闭合标签，没有结束标签。可以写成img，也可以写成img/，src属性用于设置图像文件的路径，可以是相对路径，也可以是绝对路径。

4、网页中放置一张图片。html代码，imgsrc等于url，表示在网页中放置一张图片，图片的资源路径是url所代表的路径。

5、网页中添加图片html代码，使用 img src=图片地址.jpg img 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。

Q2: HTML5中如何实现图片的拖放

1、隐藏表单的提交按钮 - 它不是必需的，因为当文件被选中时我们将进行分析和上传，而不是提交表单。或者，当浏览器支持文件拖动时，你可以隐藏文件输入元素。

2、html5 拖动效果在手机上实现方法是调用drag和drop一系列函数实现的。注意：拖拽源在拖拽操作结束将得到dragend事件对象，不管操作成功与否。

3、可以参考chrome小乐图客扩展的截图功能，支持粘贴剪贴板图片、拖拽图片、或者粘贴图片网址上传，是通过html5 file reader实现的。

4、新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。在test.html添加一个div标签，并且给它一个id，用于下面编写样式。通过div的id ， 给div定义CSS样式，例如，把div定义为一个带边框的长方形。

5、“move”：应该把拖动的元素移动到放置目标。“copy”：应该把拖动的元素复制到放置目标。“link”：表示放置目标会打开拖动的元素（但拖动的元素必须是一个链接，有URL）。

6、思路：当点击到图片上，获取鼠标位置，计算出鼠标X，Y轴分别与图片左边和上边的距离，移动鼠标的时候，让这个距离不变，就可以了。

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