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 Weston Box
Weston Box
6,434 Points

How do i add alt to twitter link

Yeah

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

2 Answers

rydavim
rydavim
18,814 Points
rydavim
rydavim
18,814 Points

You want to wrap an a link tag around your img image links.

<a href="facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<!-- Your Twitter link should follow a similar format to the above example. -->
Krishnendu Banerjee
Krishnendu Banerjee
1,005 Points
Krishnendu Banerjee
Krishnendu Banerjee
1,005 Points

hey how do you put this type of workspace please tell me.

Krishnendu Banerjee
Krishnendu Banerjee
1,005 Points
Krishnendu Banerjee
Krishnendu Banerjee
1,005 Points

well put the img src="img/twittwer-wrap.png" between a href="http://twitter.com/YourTwitterUserId" and the closing anchor tab.

it should look like this please put the tags on im not putting it because of problem

a href="http://twitter.com/YourTwitterUserId" img src="img/twittwer-wrap.png" /a

*NOTE: PLEASE PUT THE < > ON YOUR OWN. I CANNOT DO THAT BECAUSE I CANNOT SHOW THAT IN THE ANSWER.

rydavim
rydavim
18,814 Points
rydavim
rydavim
18,814 Points

Welcome to Treehouse, and thank you for participating on the forums!

When adding code to a question or answer, you can add some markup to make it display correctly. You'll want to add three backticks (```) on the lines before and after your code block. This will give it that nice formatting, and preserve all of your characters.

Additionally, you may add the language immediately following the opening backticks in order to get snazzy syntax highlighting! Pretty neat, huh?