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 Tables Table Basics Add Table Cell Headers

Posted by Chidubem Nwachinemere
Chidubem Nwachinemere
9,022 Points

Convert the cells containing "Name" and "Job" into table header cells. For both, add the scope attribute with the value

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML Tables</title>
  </head>
  <body>

    <table>
      <tr>
        <th scope="row">Name</th>
        <th scope="row">Job</th>
      </tr>
      <tr>
        <th scope="col">Nick</th>
        <th>Designer</th>
      </tr>
      <tr>
        <th scope="col">Andrew</th>
        <th>Developer</th>
      </tr>
      <tr>
        <th scope="col">Dave</th>
        <th>Developer</th>
      </tr>
    </table>

  </body>
</html>

1 Answer

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Hi Chidubem Nwachinemere you are close, I think you misunderstood the challenge. You just need to add the scope attribute to the two mentioned newly changed table headers "Name" and "Job" to col, you have row however, and you have also instead added the correct scope attribute to the other table row table data elements, which is not correct:

    <table>
      <tr>
        <th scope="col">Name</td>
        <th scope="col">Job</td>
      </tr>
      <tr>
        <td>Nick</td>
        <td>Designer</td>
      </tr>
      <tr>
        <td>Andrew</td>
        <td>Developer</td>
      </tr>
      <tr>
        <td>Dave</td>
        <td>Developer</td>
      </tr>
    </table>