Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Creating HTML Content Add Social Media Links

Posted by Adam Merzona
Adam Merzona
192 Points

How do I add the alt text to the twitter-wrap img. Is my coding correct?

Please let me know what I am doing wrong. I am going to go back over the video to make sure I didn't miss anything.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <img src="img/numbers-01.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-02.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-06.jpg" alt="">
        </li>
      </ul>
    </section>
    <footer>
      <img src="img/facebook-wrap.png" alt="">
      <img src="img/twitter-wrap.png" alt="">
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Mischa Yartsev
Mischa Yartsev
20,562 Points
Mischa Yartsev
Mischa Yartsev
20,562 Points

Hi Adam Merzona You've already added alt attribute to your img tags

      <img src="img/facebook-wrap.png" alt="">
      <img src="img/twitter-wrap.png" alt="">

So you've only need to put some text in this attributes, likes this

      <img src="img/facebook-wrap.png" alt="Facebook">
      <img src="img/twitter-wrap.png" alt="Twitter">

This text would be displayed when you hover mouse on an image, or if for some reason the images wouldn't loaded

Adam Merzona
Adam Merzona
192 Points

Thank you for your help