SOURCE

    <h1>Table template</h1>



<table>

<caption>Dinosaurs in the Jurassic period</caption>

<colgroup>
  <col style="background-color:red" span="2">
</colgroup>


<tr>
<th>&nbsp;</th>
<th>I'm your second cell.</th>
<th>I'm your third cell.</th>
<th>I'm your fourth cell.</th>
</tr>

<tr>
<th>second row</th>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</table>


 <h1>Animals table</h1>



    <table>

      <tr>

        <th colspan="2">Animals</th>

      </tr>

      <tr>

        <th colspan="2">Hippopotamus</th>

      </tr>

      <tr>

        <th rowspan="2">Horse</th>

        <td >Mare</td>

      </tr>

      <tr>

        <td>Stallion</td>

      </tr>

      <tr>

        <th colspan="2">Crocodile</th>

      </tr>

      <tr>

        <th rowspan="2">Chicken</th>

        <td >Hen</td>

      </tr>

      <tr>

        <td colspan="2">Rooster</td>

      </tr>

    </table>




 <table>

        <caption>How I chose to spend my money</caption>
<thead>

          <tr>

            <th scope="col">Purchase</th>

            <th scope="col">Location</th>

            <th scope="col">Date</th>

            <th scope="col">Evaluation</th>

            <th scope="col">Cost (€)</th>

          </tr>
</thead>
<tfoot>

          <tr>

            <td colspan="4">SUM</td>

            <td>118</td>

          </tr>
</tfoot>

          <tr>

            <td>Haircut</td>

            <td>Hairdresser</td>

            <td>12/09</td>

            <td>Great idea</td>

            <td>30</td>

          </tr>

          <tr>

            <td>Lasagna</td>

            <td>Restaurant</td>

            <td>12/09</td>

            <td>Regrets</td>

            <td>18</td>

          </tr>

          <tr>

            <td>Shoes</td>

            <td>Shoeshop</td>

            <td>13/09</td>

            <td>Big regrets</td>

            <td>65</td>

          </tr>

          <tr>

            <td>Toothpaste</td>

            <td>Supermarket</td>

            <td>13/09</td>

            <td>Good</td>

            <td>5</td>

          </tr>

    </table>



  </body>

table{
  table-layerout:fixed;
  width:100%;
  border-collapse:collapse;
  border:3px solid black;
}
thead-th:nth-child(1){
  width:20%;
}

thead-th:nth-child(2){
  width:20%;
}
thead-th:nth-child(3){
  width:20%;
}
thead-th:nth-child(4){
  width:20%;
}
thead-th:nth-child(5){
  width:20%;
}
th,td{
  padding:20px;
}