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

Brice Franks
Brice Franks
1,488 Points

What kind off text do I need to add to twitter? I don't understand what it wants me to do.

Inside the <footer> element, add the images facebook-wrap.png and twitter-wrap.png from inside the img folder. Be sure to include an appropriate alternate attribute for each. Don’t link them yet. Bummer! Be sure you add alt text to your Twitter link. Restart Preview Get Help Recheck work index.html

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Nick Pettit</title> 6 </head> 7 <body> 8 <header> 9 <a href="index.html"> 10 <h1>Nick Pettit</h1> 11 <h2>Designer</h2> 12 </a> 13 <nav> 14 <ul> 15 <li><a href="index.html">Portfolio</a></li> 16 <li><a href="about.html">About</a></li> 17 <li><a href="contact.html">Contact</a></li> 18 </ul> 19 </nav> 20 </header> 21 <section> 22 <ul> 23 <li> 24 <img src="img/numbers-01.jpg" alt=""> 25 </li> 26 <li> 27 <img src="img/numbers-02.jpg" alt=""> 28 </li> 29 <li> 30 <img src="img/numbers-06.jpg" alt=""> 31 </li> 32 </ul> 33 </section> 34 <footer> 35 <img src="img/facebook-wrap.png" alt=""> 36 <img src="img/twitter-wrap.png" alt=""> 37 <p>© 2013 Nick Pettit.</p> 38 </footer> 39 </body> 40 </html> 41 ​

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

Ryan S
Ryan S
27,276 Points

Hi Brice,

The challenge just wants you to add something to the "alt" attribute in the image tags. Right now you have it set to an empty string. It can be anything you want to pass the challenge, but it is usually recommended to use something descriptive.

Example:

<img src="img/facebook-wrap.png" alt="facebook-logo">
Brice Franks
Brice Franks
1,488 Points

Thanks that worked!