こんばんは。頑張っていらっしゃいますね。
いろんな方法がありますが、入門レベルで最もわかりやすいのはテーブルを三つ並べる方法かと思います。
必要なテーブルの数は二つですから、左と右のテーブルを本来の表として使い、真ん中のテーブルは横幅を３Cmくらいに設定して無地のままにします。枠線も書き込みの文字も無ければ、単なる間のスペースに見えるだろうという魂胆です。
見本のタグを書いておきます。
<html>
<head><title>3Cmくらい間をあけてテーブルを二つ</title>
</head>
<body>
３Cmくらい間をあけてテーブルを配置してみましょう。<br>
<table>
<tr>
<td><table border="1">
<tr><td width="300" height="200"><font size="5">表１</font></td></tr></table></td>
<td width="92" border="0"> </td>
<td><table border="1">
<tr><td width="300" height="200"><font size="5">表２</font></td></tr></table></td>
</tr>
</table>
</body>
</html>
１番目と３番目のテーブルでは、「border="1"」と指定して枠線を表示しています。
２番目のテーブルのみ、「border="0"」と指定して枠線を表示しないようにしてます。この対比で２番目のテーブルの存在感をなるべくわからないようにしている訳です。
２番目のテーブルで「width="92"」と指定していますが、ここがミソです。これは「２番目のテーブルの幅を92ピクセルで表示しなさい」と指定するタグですが、Windowsパソコンの画面ではこれでほぼ３センチになります。ただし、Macintoshのパソコンで表示すると、画面の規格が異なるので、２番目のテーブルの幅は３センチよりも少し大きく表示されてしまいます。こればっかりは規格の違いが原因なのでどうしようもありません。
あと、２番目のテーブルの<td>タグと</td>タグとの間に半角スペースをわざと入れています。ここには何も無い場所ですが、ブラウザの種類によってはこの半角スペースが入ってないと２番目のテーブルがつぶれてしまうこともあるので、念のために入れています。このあたりは、出来たHTMLを何種類かのブラウザで表示テストしてから本番で使うようにした方が良いです。
