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

Aanshika Surana
Aanshika Surana
302 Points
Posted by Aanshika Surana
Aanshika Surana
302 Points

Hi! Can you please help with inserting links for facebook and twitter accounts in the footer ?

Inserting facebook and twitter links

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

2 Answers

Scott Craig
Scott Craig
41,171 Points

Hi Aanshika,

If you want to turn your image into a link to an external page you will need to wrap it with an anchor tag. In your example that would look something like this. 

<a href="http://www.facebook.com/yourprofile"> <img src="img/facebook-wrap.png" alt="facebook icon"></a>

<a href="http://www.twitter.com/yourprofile"><img src="img/twitter-wrap.png" alt="twitter icon"></a>

You just need to replace "your profile" with your profile information and it should take you straight there.

Hope that helps!

Aanshika Surana
Aanshika Surana
302 Points
Aanshika Surana
Aanshika Surana
302 Points

Thanks for the help Scott!

mtch
mtch
8,521 Points
mtch
mtch
8,521 Points

Wrap your facebook and twitter images in a anchor tag.

<a href="facebook.com"><img src="facebook.png"></a>