html – table and borders

Trying to make a table with uneven cell sizes. I have made the cells and 2 tables which I’m trying to combine into 1 table and then make borders around that table (and around the cells as well).

my code is:
<table width=”200″ height=”200″>
<caption>Table 1</caption>
<tr><td><table border=”1″>
<tr><td height=”50″ width=”50″> </td></tr>
<tr><td height=”150″ width=”50″> </td></tr>
</table>
</td>
<td><table border=”1″>
<tr><td height=”150″ width=”150″> </td></tr>
<tr><td height=”50″ width=”150″> </td></tr>
</table>
</td></tr>
</table>

I have borders around the 2 tables, but don’t know how to produce just the border of the whole table with borders of the single cells.