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 MUZ140045 Tafadzwa Gumunyu
MUZ140045 Tafadzwa Gumunyu
13,202 Points

stage 1 challenge 1

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

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

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

  </body>
</html>

5 Answers

MUZ140526 Alex Mawene
MUZ140526 Alex Mawene
2,687 Points
MUZ140526 Alex Mawene
MUZ140526 Alex Mawene
2,687 Points

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

<table>
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Job</th>
  </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>

</body> </html>

Melissa Wheeler
Melissa Wheeler
6,306 Points
Melissa Wheeler
Melissa Wheeler
6,306 Points

your scope="col" attribute needs to be inside your element

MUZ140112 Simon Chatikita
MUZ140112 Simon Chatikita
4,174 Points
MUZ140112 Simon Chatikita
MUZ140112 Simon Chatikita
4,174 Points

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

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

</body> </html>

Ibro Bektic
Ibro Bektic
2,722 Points
Ibro Bektic
Ibro Bektic
2,722 Points

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

Lindsay Cardiff
Lindsay Cardiff
9,833 Points
Lindsay Cardiff
Lindsay Cardiff
9,833 Points

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