我做了一个div如下：
<div class="fbook" style=" border:thin; border:1px solid black; float: right; margin-top:50px; margin-right:5px">
<img src="facebook.jpg"></img>
</div>
facebook.jpg 文件与 html 文件位于同一文件夹中。但图像仍然在浏览器中被破坏。我猜浏览器找不到图像路径。谁能帮我解决这个问题。图像如下：
试试这个：
<div class="fbook" style="border:1px solid black; float: right; margin-top:50px; margin-right:5px">
<img src="./facebook.jpg" />
</div>
我更改了路径，"./"这意味着它与文档所在的位置相关，并且我还使img标签自动关闭。它没有像 adiv那样的结束标签。
图片是一个自闭标签：
<img src="facebook.jpg" />
仔细检查您是否拼写正确（并使用正确的大小写，文件类型是.jpg和不是.png等等.gif）。您可以尝试做的另一件事是使用完整的网址：
<img src="http://www.example.com/facebook.jpg" />
还有其他一些评论......你后面缺少一个分号margin-right:5px，你可以浓缩margin-top成margin-right速记
margin:50px 5px 0 0;
或者
margin:50px 5px;
如果你想要50px顶部和底部的边距，并且你想要5px左右两边的边距。
这工作得很好。我尝试放置图像而不是 facebook.jpg。
所以问题来了......为什么你会得到破碎的形象？
** 请停止使用不需要的结束标签。
可能的答案：
图像的路径错误，但您提到图像存在于同一个文件夹中，所以情况并非如此。
您似乎已将您的网站部署在服务器上，因此您已将图像上传到他们的服务器。几年前我遇到了同样的问题。你可以尝试的是：
i) 我尝试使用文件管理器。您必须在控制面板中有两个文件管理器，尝试使用另一个，因为在上传过程中图像似乎已损坏。
ii) 在文件管理器中检查上传的图像在服务器上是否正常，它没有损坏。
iii）否则创建一个名为文件夹的正确图像并将图像放入其中并提供适当的路径。
任何这些肯定会解决你的问题。
干杯！！！
我检查了一下，但一切都是正确的，img 标签不需要关闭标签，你可以使用这种形式：
您可以将宽度和高度用于图像标签。