two images in HTML one is loading and the other one is not

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

the twitter logo is not working but the facebook one is. Ive tried everything i could think of. Please help!!!

Answer 1

To prevent further issues like that in the future the W3C validator can be helpfull:

W3C Online Validation Tool

Answer 2

This should work, fixed your "widht" to "width" too :)

<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>

Answer 3

You can try this code hopefully it will be working perfectly

<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 4

Clean up your code. widht and scr is wrong.

Closing div is missing '>'

Add quotes for the attribute values. add a space between each attributes. space missing after scr="twitter-logo.png"

Answer 5

It's because you misspelt src in your Twitter line