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 fiyinfoluwa fajemirokun
fiyinfoluwa fajemirokun
419 Points

add alt text to your Twitter link

add alt text to your Twitter link

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>
Karsten Harrison
Karsten Harrison
5,185 Points

Hello! You made a slight spacing error on the alternate text for the twitter icon. It should look like this:

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

Don't worry, this is a common mistake made by a lot of people. Keep up the good work, and I hope this helped! :D

  • Karsten

1 Answer

Joachim Larsen
Joachim Larsen
12,140 Points
Joachim Larsen
Joachim Larsen
12,140 Points

Hi, there!

Although you're not really asking a question in your post, I'll try to answer :-)

In your HTML, the social links are not yet links, they're just images with a blank "alt" attribute. To add an alternative text for the image, add text between the apostrophes. 

<img src="img/twitter-wrap.png" alt ="Follow me on Twitter">

I've not watched the videos in this course, but I'm guessing you will wrap the image tags in anchor tags soon , to make them clickable links. :-)

Joachim Larsen
Joachim Larsen
12,140 Points

Or what Karsten said above... I missed the extra space :-)