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 HTML Tables

Posted by Tony Bourne
Tony Bourne
2,432 Points

add cells with text to your table body.

Task 7 of 8.

Stuck again.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>HTML Tables Challenge</title>
  </head>
  <body>
    <h1>HTML Tables Challenge</h1>

    <!-- Write your code below -->
    <table border="1">
      <tr>
        <th>Fruits</th>
        <th>Vegetables</th>
        </tr>
      <thead>
        <tr>
          <th>I love watermelon</th>
          <th>I love Chocolete</th>
        </tr>
      </thead>>
      <tbody>
        <tr>
          <td>Yum Yum.</td>
          <td>Sweet.</td>
        </tr>
      </tbody>

      </table>




  </body>
</html>

2 Answers

Chris Thomas
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Chris Thomas
Front End Web Development Techdegree Graduate 34,909 Points
Chris Thomas
.a{fill-rule:evenodd;}techdegree seal-36
Chris Thomas
Front End Web Development Techdegree Graduate 34,909 Points

Get rid of the row and the top of your table, not sure where that came from, otherwise it should look something like this for the challenge.

    <table>
      <thead>
        <tr>
          <th>Hello</th>
          <th>Bye</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>2</td>
        </tr>
      </tbody>
    </table>
Nijesh Nj
Nijesh Nj
18,232 Points
Nijesh Nj
Nijesh Nj
18,232 Points

Bro, It's so easy! You just need to add a <td> inside <tr> tag.

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Tables Challenge</title>
  </head>
  <body>
    <h1>HTML Tables Challenge</h1>

    <!-- Write your code below -->
<table>
  <thead>
    <tr>
      <th>
      </th>
      <th>
      </th>
  </tr>
    </thead>
  <tbody>
    <tr>
      <td>
      </td>
    </tr>
    <tr>
      <td colspan="2">
      </td>
    </tr>
          </tbody>
    </table>

  </body>
</html>