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!

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

Michael Jasinski
Michael Jasinski
7,427 Points
Posted by Michael Jasinski
Michael Jasinski
7,427 Points

I have types this a few times and I can not get it to work. I am almost sure this is correct.

I even copied and pasted my workspace code that works and it does not answer here.

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

Please help

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 img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
      <a img src="img/facebook-wrap.png" alt="Facebook logo"></a>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Oliver Sewell
Oliver Sewell
14,737 Points
Oliver Sewell
Oliver Sewell
14,737 Points

Try this:

<a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo" 
<a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"

1 Answer

Marcus Parsons
Marcus Parsons
15,718 Points

Hey Michael,

When adding links to images, you surround each image with an <a> element and remember to put an href attribute into the <a> element. These are separate elements, so they need to have their own set of < and >. Here's the footer you should have:

<footer>
      <p>&copy; 2013 Nick Pettit.</p><a href="http://www.twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
      <a href="http://www.facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
</footer>

Notice that each <img> element is surrounded by an <a> element with an href attribute and they each have beginning and ending < and >.

Michael Jasinski
Michael Jasinski
7,427 Points
Michael Jasinski
Michael Jasinski
7,427 Points

Thank you for the help on this. Worked like a Charm!!! Question, if I was not going to add the links for the pages would I need <a></a> then?

Marcus Parsons
Marcus Parsons
15,718 Points

You are very welcome, Michael! :) Happy Coding!