Learn HTML Learn CSS

HTML tutorial > Create table in html > Nested tables

Nested tables

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page title</title>
  </head>
  <body>
 
    <table border="1">
      <tr><th>First header</th><th>Second header</th></tr>
      <tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr>
      <tr><td>row 2, cell 1</td>
        <td>row 2, cell 2
          <table border="1">
            <tr><th>First header</th><th>Second header</th></tr>
            <tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr>
            <tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr>
          </table>
        </td>
      </tr>
    </table>
 
  </body>
</html>

Result:

Edit the code listed above and click the "GO" button to view the result.