HTML Tables - CheetCodes

Table

    

<table>
  <tr>
    <th>Cell</th>
    <th>Cell</th>
  </tr>

  <tr>
    <td>Cell</td>
    <td>Cell</td>
  </tr>

  <tr>
    <td>Cell</td>
    <td>Cell</td>
  </tr>
</table>

Caption

    

<table>
  <caption>Caption for table</caption>
  <tr>
    <th>Cell</th>
    <th>Cell</th>
  </tr>

  <tr>
    <td>Cell</td>
    <td>Cell</td>
  </tr>

  <tr>
    <td>Cell</td>
    <td>Cell</td>
  </tr>
</table>

Table Head and Body

    

<table>
  <thead>
    <tr>
      <th>Cell</th>
      <th>Cell</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Cell</td>
      <td>Cell</td>
    </tr>

    <tr>
      <td>Cell</td>
      <td>Cell</td>
    </tr>
  </tbody>
</table>

Table Foot

    

<table>
  <thead>
    <tr>
      <th>Cell</th>
      <th>Cell</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Cell</td>
      <td>Cell</td>
    </tr>

    <tr>
      <td>Cell</td>
      <td>Cell</td>
    </tr>
  </tbody>

  <tfoot>
    <tr>
      <th scope="row">Total</th>
      <td>Cell</td>
    </tr>
  </tfoot>
</table>