HTML HTML Basics Going Further with HTML Links and Paths Challenge

Justin Clark
PRO
Justin Clark
Pro Student 1,919 Points

Can anybody tell me what I did wrong?

Do I create another section that would link to the id??

index.html
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="../img/logo.png" alt="Site logo">
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="">Portfolio</a></li>                
    </ul>
    <section id="portfolio">
    <h1 portfolio>My Portfolio</h1>
    </section>
  </body>
</html>

1 Answer

Shay Paustovsky
Shay Paustovsky
290 Points
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="../img/logo.png" alt="Site logo">
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="#portfolio">Portfolio</a></li>                
    </ul>
    <section>
    <h1 id="portfolio">My Portfolio</h1> <!-- 1 -->
    </section>
  </body>
</html>

Hi Justin,

you're doing an awesome job although there are a few mistakes.

  1. so firstly the (id) attribute should be part of the h1 and not the section although it's also a way to do that but Treehouse challenges are really strict sometimes.

  2. the (id) attribute is oftenly used to create landmarks on the page for instant-navigation. To point to a certain landmark/section on the page with an (id) you should write it like this : href="#id_of_the_element"

Hopefully I've helped,

Shay