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

Minsoo Park
Minsoo Park
353 Points
Posted by Minsoo Park
Minsoo Park
353 Points

Inside the <footer> element, add the images facebook-wrap.png and twitter-wrap.png from inside the img folder.

having troubles.. i tried putting it and it keep saying add alt next to twitter.. can anyone help me

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=""></a>
       <img src="img/twitter-wrap.png" alt=""></a>

      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Tanja Schmidt
Tanja Schmidt
11,798 Points
Tanja Schmidt
Tanja Schmidt
11,798 Points

There are two things you need to do to pass the challenge: First you should remove the closing </a> tags behind your image elements. They don't really make sense here (since there are no opening <a> tags) and you are specifically asked not add any links yet. ;-) Second you need to add something meaningful as an alt attribute like this:

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

They probably want you to add it in this challenge because you should always add a proper alt attribute to an image for good practice. That is because the alt attribute is what screen readers read out loud and what people see if the image does not show for some reason on your webpage.

Happy Coding! :)