HTML中的两个图像正在加载而另一个不是

Question

<div class="logos">
  <a href="http://twitter.com"> <img scr="twitter-logo.png"widht=50 alt="twitter logo"</a>
  <a href="http://facebook.com"> <img src="facebook-logo.png"width=50 alt="facebok logo"</a>
</div

twitter徽标不起作用，但facebook是。我已经尝试了我能想到的一切。请帮忙!!!

Answer 1

这是因为你在Twitter专栏中错误src

Answer 2

清理代码。 widht和scr错误。

关闭div缺少'＆gt;'

为属性值添加引号。在每个属性之间添加一个空格。 scr="twitter-logo.png"

之后缺少空格

Answer 3

为了防止将来出现类似问题，W3C验证器可以提供帮助：

W3C Online Validation Tool

Answer 4

您可以尝试使用此代码，希望它能够完美运行

<div class="logos">
  <a href="http://twitter.com"> <img src="twitter-logo.png"widht=50 alt="twitter logo"</a>
  <a href="http://facebook.com"> <img src="facebook-logo.png"width=50 alt="facebok logo"</a>
</div>

Answer 5

这应该有效，修复你的＆＃34; widht＆＃34;到＆＃34;宽度＆＃34;也是：）

<div class="logos">
<a href="http://twitter.com"><img src="twitter-logo.png" width=50 alt="twitter logo"></a> 
<a href="http://facebook.com"><img src="facebook-logo.png" width=50 alt="facebok logo"></a> 
</div>