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 Structuring Tables Add the Table Head and Body Elements

Hannah Mackaness
Hannah Mackaness
4,437 Points
Posted by Hannah Mackaness
Hannah Mackaness
4,437 Points

table and head labels..

I don't know what I am doing wrong. I have switched the tr and tbody elements around, tried using tbody to wrap the whole body in one go but all to no avail...please help!

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

    <table>
      <tr>
        <thead>
        <th scope="col">Name</th>
        <th scope="col">Job</th>
        </thead>
      </tr>


      <tr>
       <tbody>
        <td>Nick</td>
        <td>Designer</td>
       </tbody>
      </tr>


     <tr>
       <tbody>
        <td>Andrew</td>
        <td>Developer</td>
       </tbody> 
    </tr>



      <tr>
       <tbody>
        <td>Dave</td>
        <td>Developer</td>
       </tbody>  
      </tr>

    </table>

  </body>
</html>

1 Answer

Kristian Terziev
Kristian Terziev
28,449 Points

Hello Hannah,

You need only one thead and one tbody tags. Like so:

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

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

  </body>
</html>
Hannah Mackaness
Hannah Mackaness
4,437 Points
Hannah Mackaness
Hannah Mackaness
4,437 Points

Great, thank you! That solution makes a lot more sense than 3 tiny bodies all next to each other...oops