Tatarky

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Tarky</title>
  <style type="text/javacript">
    table.tabulka, table.tabulka .th, table.tabulka .td {
        border: 2px solid black;
        border-collapse: collapse;
    }

    table.tabulka .th, table.tabulka .td {
        padding: 25px;
    }
  </style>
  </head>
<body>
  <h1>Tatarkyho tabulka</h1>
  <table class="tabulka">
  <thead>
    <tr>
      <th></th>
      <th></th>
      <!-- collspan zlucenie stlpcov rowspan slucenie riadokov -->
      <th rowspan="2" colspan="2"><img src="http://weknowyourdreamz.com/images/smile/smile-09.jpg" alt="Smiley face" height="42" width="42"></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td rowspan="2"></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
  </table>
</body>
</html>