在HTML中显示损坏的图像

Question

我做了一个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文件相同的文件夹中。但是图像似乎在浏览器中被破坏了。我猜浏览器找不到图像路径。任何人都可以帮我解决这个问题。图像如下：

Answer 1

图片是一个自动关闭标签：

<img src="facebook.jpg" />

仔细检查您是否拼写正确（并使用了正确的大小写，文件类型为.jpg而不是.png或.gif等。您可以尝试做的另一件事是使用完整的URL：

<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边距。

Answer 2

请改为尝试：

<div class="fbook" style="border:1px solid black; float: right; margin-top:50px; margin-right:5px">
<img src="./facebook.jpg" />
</div>

我将路径更改为"./"，这意味着它相对于文档的位置而且我也使img标记自动关闭。它没有像div那样的结束标记。

Answer 3

这完全没问题。我尝试使用图像而不是facebook.jpg。

所以问题来了......为什么你会得到破碎的图像？

**请停止使用不需要的结束标记。

可能的答案：

1. 图片的路径错误，但您提到图片存在于同一文件夹中，因此情况并非如此。

2. 您似乎已将自己的网站部署在服务器上，因此您已将图像上传到其服务器。几年前我遇到了同样的问题。你可以尝试的是：

i）我尝试使用文件管理器。您必须在控制面板中有两个文件管理器， 尝试使用另一个，因为在上传过程中图像似乎已损坏。

ii）在文件管理器中检查上传的图像是否在服务器上正常，但没有损坏。

iii）否则创建一个名为文件夹的图像，并将图像放在其中并给出适当的路径。

任何一个肯定能解决你的问题。

干杯!!!

Answer 4

我检查它但是所有的东西都是正确的，img标签不需要关闭标签你可以使用这个表格：

您可以使用图像标记的宽度和高度。