Jak stworzyc tabele , a w niej mniejszą ?

Question

Witam serdecznie, potrzebuję stworzyć taką tabele jak na zdjęciu w samym html bez css. 

Nie wiem od czego zacząć, jak zagnieździć np ten mniejszy kwadrat podzielony na cztery pola w tym dużym u góry. Czy ktoś mógłby mnie nakierować, etc pod pwoiedziec szczegółowo?

 

Pozdrawiam. 

Comments

Czy to na pewno ma być tabela (potrzebujesz umieścić tam dane tabelaryczne), czy to ma być po prostu taki układ treści na stronie?

---

To ma być tabela o dokładnych wymiarach, zewnętrzne kwadraty 65x65, wewnętrzne 50x50. To nie będzie żaden układ strony. Zwykła tabela z takim podziałem rubryk. Pozdrawiam.

Answer 1

WItaj,

spróbuj coś takiego:

HTML:

<table class="main_table">
  <tr>
    <td>
      <table style="width: 55px; height: 55px; margin: 5px">
        <tr>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table>
        <tr>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
    <td>
      <table>
      </table>
    </td>
  </tr>
</table>

CSS:

* {
  margin: 0;
  padding: 0;
}

table {
  width: 65px;
  height: 65px;
  border-collapse: collapse;
}

td {
  border: 1px solid black;
}

.main_table {
  width: 130px;
  height: 130px;
}