tablazatos

HTML

<!DOCTYPE html>
<html>
<head>
  <title>teszt</title>
</head>
<body>
<table>
  <tr>
    <td rowspan=2 colspan=2>r1c1</td>
    <td>r1c3</td>
    <td rowspan=2>r1c4</td>
    <td rowspan=2 colspan=2>r1c5</td>
  </tr>
  <tr>
    <td rowspan=2>r2c3</td>
  </tr>
  <tr>
    <td colspan=2>r3c1</td>
    <td colspan=2>r3c4</td>
    <td>r3c6</td>
  </tr>
  <tr>
    <td>r4c1</td>
    <td colspan=2>r4c2</td>
    <td rowspan=2>r4c4</td>
    <td colspan=2>r4c5</td>
  </tr>
  <tr>
    <td rowspan=2 colspan=2>r5c1</td>
    <td rowspan=2>r5c3</td>
    <td rowspan=2 colspan=2>r5c5</td>
  </tr>
  <tr>
    <td>r6c4</td>
  </tr>
</table>
</body>
</html>

CSS

table {
  width: 100%;
  height: 200px;
  border: 2px solid black;
  border-collapse: collapse;
}

td {
  width: 16.6%;
  border: 2px solid black;
  vertical-align: top;
}

tr {
  height: 16.6%;
}