Preview:
<table>
  <caption>Caption describing what the table is about</caption>
  <thead>
    <tr>
      <th scope="col">Column 1 Heading </th>
      <th scope="col">Column 2 Heading</th>
      <th scope="col">Column 3 Heading</th>
      <th scope="col">Column 4 Heading</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Row 1 Heading</th>
      <td>Row 1 - Colummn 1 data</td>
      <td>Row 1-Column 2 Data</td>
      <td>Row 1 - Column 3 Data</td>
    </tr>
    <tr>
      <th scope="row">Row 2 Heading</th>
      <td>R2-C1 Data</td>
      <td>R2-C2 Data</td>
      <td>R2-C3 Data</td>
    </tr>

    <!-- several other great bands -->

    <tr>
      <th scope="row">Row 3 Heading</th>
      <td>R3-C1 Data</td>
      <td>R3-C2 Data</td>
      <td>R3-C3 Data</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th scope="row" colspan="2">Bottom Rows</th>
      <td colspan="2">77</td>
    </tr>
  </tfoot>
</table>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter