<body>

  <table>

    <caption>
      <h3>Simple HTML Table with only elements tag</h3>
    </caption>
    <tr>
      <th>Top</th>
      <th>Extra</th>
    </tr>

    <tr>
      <td>Bread</td>
      <td>Butter</td>
    </tr>
  </table>

  <table>
    <caption>
      <h3>Simple HTML Table with semantics and elements tags</h3>
    </caption>
    <thead>
      <tr>
        <th colspan="2">October</th>
        <th colspan="2">November</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>Sales</td>
        <td>Profit</td>
        <td>Sales</td>
        <td>Profit</td>
      </tr>
      <tr>
        <td>$200,00</td>
        <td>$50,00</td>
        <td>$300,000</td>
        <td>$70,000</td>
      </tr>
    </tbody>

    <tfoot>
      <tr>
        <th colspan="4">November was more produstive</th>
      </tr>
    </tfoot>
  </table>

  <p>
    <small><a href="https://github.com/devpacademy/HTML-Tables" target="_blank" rel="noopener noreferrer">Github Repo</a></small>
  </p>
</body>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.