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 Arlen Herrera
Arlen Herrera
304 Points

What am I missing

What do I need to ask

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

1 Answer

Mike Hickman
Mike Hickman
19,817 Points
Mike Hickman
Mike Hickman
19,817 Points

Hi Arlen,

I'd take a look at your correct <img> tags up in the unordered list items, and then compare it to what you just added for the social media links. You just need to change the code a little bit to work.

  1. Remove the / after the word img
  2. Add an = after the word alt
  3. Your link to facebook and twitter aren't valid links. Correct is http:// - You have your colon and the forward slashes in the wrong spot.

Edit: I just saw your other post about alt and I read through the challenge. You don't even need the link right now. alt is just a way to describe in text what the image is. You do this for people who are visually impaired or using screen readers and can't see the image. They can at least see or hear the alt text and know what content goes there. So, for your facebook and twitter alt, you can literally just write the name of the service or any description you want.

alt="Facebook logo"
alt="Facebook"
alt="Logo image for Facebook"

or whatever text you want.

Have fun!

Mike