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 HTML Basics Going Further with HTML Email Links and Entities Challenge

Posted by mo ode
mo ode
4,352 Points

Replace ampersand and copyright symbol with HTML entity?

I don't get it

index.html 
<!DOCTYPE html> 
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <h3>Design & Development</h3>
    <p>Contact me at <a href="mailto:zee@gmail.com">this email</a>.</p>
    <p> 2017</p>
  </body>
</html>

8 Answers

mo ode
mo ode
4,352 Points
mo ode
mo ode
4,352 Points

I DID THAT AND THAT'S NOT THE ANSWER...

Heidi Fryz
Heidi Fryz
12,299 Points

I just did the challenge and here is the exact code I used and it said this was correct. Maybe you accidentally deleted a bracket or something (?)

<!DOCTYPE html> 
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <h3>Design &amp; Development</h3>
    <p>Contact me at <a href="mailto:test@test.com">this email</a>.</p>
    <p>&copy; 2017</p>
  </body>
</html>
Heidi Fryz
Heidi Fryz
12,299 Points
Heidi Fryz
Heidi Fryz
12,299 Points

Some characters in HTML like "&" and "©" are reserved characters in HTML so in your code you need to change them to either their entity name or entity number. If you don't change them in some cases they won't render correctly in the browser. You should always change them as it is best practice.

So in your example above here is how you would replace them with their entity names.

<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <h3>Design & Development</h3> <p>Contact me at <a href="mailto:zee@gmail.com">this email</a>.</p> <p>©2017</p> </body> </html>

Here is an article with more info: https://www.w3schools.com/html/html_entities.asp

mo ode
mo ode
4,352 Points
mo ode
mo ode
4,352 Points

Thanks Heidi now I have another question. Group each set of h3 and p elements using an element that describes self-contained pieces of content. What do I do ? I have put main than article than section but it still doesn't work can you help?

Heidi Fryz
Heidi Fryz
12,299 Points
Heidi Fryz
Heidi Fryz
12,299 Points

I think what you are missing is the Social Media Info needs to be in its own section called <aside> like this:

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Blog</title>
  </head>
  <body>
    <header>
      <h1>My Web Design &amp; Development Blog!</h1> 
      <nav>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Articles</a></li>
          <li><a href="#">Recent Work</a></li>            
        </ul>
      </nav>
    </header>

    <main>
    <h2>The Main Articles</h2>   
     <article>
    <h3>My Favorite HTML Courses</h3> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget <a href="#">feugiat ante faucibus</a>.</p>
      </article>
       <article>
    <h3>10 Handy CSS Features</h3> 
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et <a href="#">ultrices posuere</a>.</p>    
      </article>
         </main>
    <aside>
    <h3>Follow Me on Social Media:</h3>
    <ul>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">LinkedIn</a></li>     
    </ul>
    </aside>
    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>
  </body>
</html>
mo ode
mo ode
4,352 Points
mo ode
mo ode
4,352 Points

Thankyou very much Heidi. I have found a friend. I will be starting CSS later today. I'll keep in touch. Yours M

mo ode
mo ode
4,352 Points
mo ode
mo ode
4,352 Points

Hi Heidi. Thanks for the other day If you have a Mac do you think a Mac laptop with 8GB of RAM, 250GB of Storage be sufficient to learn to build Apps? Your thoughts. M

Heidi Fryz
Heidi Fryz
12,299 Points
Heidi Fryz
Heidi Fryz
12,299 Points

Hi Mo Ode. I do have a Mac laptop, and it actually has 8GB of RAM and 250GB of Storage. I haven't learned to build apps yet. I do HTML, CSS, WordPress. I also have Photoshop and Illustrator which use a lot of memory and I don't have any problems. But if you can afford it, always get more RAM. Faster is always better and makes the computer an asset for longer. If you post this question in the "general discussion" there are probably people there who know more than me about what would be best for app building. Good luck! :)

mo ode
mo ode
4,352 Points

Thanks Heidi I'll keep in touch if that's OK.

mo ode
mo ode
4,352 Points

Hi Heidi how are you? I'm doing CSS now and I'm really enjoying it. Have you had any problems with the Objective questions? My OS won't work when it comes to Objective challenges. Did you have any problems on your Apple OS or is this a Windows problem? Send a reply when you can

Yours

Mo

Heidi Fryz
Heidi Fryz
12,299 Points
Heidi Fryz
Heidi Fryz
12,299 Points

Hi Mo,

I am fine. How are you? I did a few CSS classes and I did not have any technical issues with the challenges on the Mac. Sorry I can't be of more help. I really think they should work on Windows too. What exactly is happening? One thing you can always try is updating your browser or using a different one. I like to use Chrome on Windows or Mac. I think it works the best. I hope you figure it out.

Heidi