Table

  • <tr>: row
  • <th>: header cell
  • <td>: data cell
  • <thead> and <tbody>: useful for separating styles of head and body of table (optional)
  • Useful attributes: rowspan and colspan
    • rowspan: x: the cell will span 'x' rows starting from the cell this attribute was placed on
    • colspan: x: the cell will span 'x' columns starting from the cell this attribute was placed on
  • More examples: www.w3schools.com/css/css_table.asp

<table>
    <thead>
        <tr>
            <th></th>Column 1
            <th>Column 2</th>
            <th>Column 3</th>
            <th>Column 4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td> 1
            <td> 2 </td>
            <td> 3 </td>
            <td> 4 </td>
        </tr>
        <tr>
            <td rowspan="2" style="background-color:#80ced6"></td> 5
            <td colspan="2" style="background-color:#80ced6"></td> 6
            <td> 7 </td>
        </tr>
        <tr>
            <td> 8 </td>
            <td> 9 </td>
            <td> 10 </td>
        </tr>
    </tbody>
</table>
Column 1Column 2Column 3Column 4
1 2 3 4
5 6 7
8 9 10