#H
<style>
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
}

table, th, td {
  border: 1px solid black;
  text-align: left;
  padding: 5px;
}
</style>
<table id="basicTable">
  <thead>
    <tr><th scope="col">Heading 1</th><th scope="col">Heading 2</th></tr>
  </thead>
  <tbody>
    <tr><td>Row 1, Col 1</td><td>Row 1, Col 2</td></tr>
    <tr><td>Row 2, Col 1</td><td>Row 2, Col 2</td></tr>
    <tr>
        <td bgcolor="#F50">Cell</td>
        <td bgcolor="#FF0">Cell</td>
        
    </tr>
    <tr>
        <td bgcolor="#08F">Cell</td>
        <td bgcolor="#3A2">Cell</td>
    </tr>
</table>