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

Samantha Mason
Samantha Mason
735 Points
Posted by Samantha Mason
Samantha Mason
735 Points

Alt text to Twitter link?

What am I missing here? This is my second day on here so be kind :) Thank you.

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>
      <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt"Twitter Logo"></a>
      <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt"Facebook Logo"></a>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

John Tasto
John Tasto
21,587 Points

You're only missing '=' between your alt attribute and its value:

<a href='#'><img src='img/twitter-wrap.png' alt='twitter'></a>
<a href='#'><img src='img/facebook-wrap.png' alt='facebook'></a>
Samantha Mason
Samantha Mason
735 Points
Samantha Mason
Samantha Mason
735 Points

Gosh that was dumb. I must be tired. Thank you very much!

John Tasto
John Tasto
21,587 Points

No problem! It is easy to overlook errors like that, and everyone makes them. I didn't see it at first glance - I had to study it for a minute.

MUZ141079 Hamilton Shamuyashe
MUZ141079 Hamilton Shamuyashe
3,304 Points
MUZ141079 Hamilton Shamuyashe
MUZ141079 Hamilton Shamuyashe
3,304 Points

hie it looks like you have ommitted the = sign after your alt in your anchor references, i think your code should look something like this:

<footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>Ā© 2013 Nick Pettit.</p> </footer>