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 Gary Phelps
Gary Phelps
354 Points

Where are the image files with the twitter and facebook logos?

I need to add twitter and facebook logos to my footer but I don't know where to find them or where I should drag and drop them.

Leanne Millar
Leanne Millar
5,334 Points

This code should work.

<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>

If you are doing this outside of treehouse you can use and install fa-icons. (Font Awesome)

https://fortawesome.github.io/Font-Awesome/icons/

This is a full vector icon set for web developers. Once installed it is very easy to implement them within your work and the website shows you how to do this.

An example:

<a

class="fa fa-facebook" href="https://www.facebook.com/zuck"> Facebook

</a>

1 Answer

Adam Bodie
Adam Bodie
34,341 Points
Adam Bodie
Adam Bodie
34,341 Points

When adding images to your html code, you need to use the <img> tag which contains the src attribute inside to specify the image being used. For example, 

<img src='facebook-wrap.png'>

will show an image whose name is 'facebook-wrap.png.'

For the purposes of the quiz, the images themselves are provided for you. All you need to do is insert the name of the image in the src attribute and add the alt attribute equal to "", a blank string, like this: alt="". Add this and the twitter-wrap image inside the footer element to answer your question.
Hope this helps you out.