html - このレイアウトはどうやって作るのですか？

Question

だから私の現在のレイアウトは次のとおりです。

<div style="width:900px;height:500px;border:6px double #00c7ff;"><table cellspacing="1" cellpadding="0" border="0"
 bgcolor="white" id="shell" height="500" width="900">
   <tr height="50">
      <td colspan="2" bgcolor="#cab0cb">
         <table title="Banner" id="banner" border="0">
            <tr><td>Place a banner here</td></tr>
         </table>
      </td>
   </tr>
   <tr height="50">
      <td bgcolor="#cab0cb">
         <table id="navigation" title="Navigation" border="0">
            <tr><td><center><b><font face="arial" color="0094bd"><font size="5">Records</font></b></center><br><br><font size="2.5">No records set yet.</font></font></td></tr>

         </table>
      </td><td bgcolor="#cab0cb">
         <table title="Content" id="content" border="0">
            <tr><td><font face="arial" color="#0094bd"><b><font size="5"><center>Welcome to Ivory Forest Kennel</center></font></b><br><br><font size="2.5">We are a fairly new kennel on K9, specialising in the great Siberian Husky. Initially, we will be breeding and selling Huskies, bred from simple gamebred dogs. Our huskies currently specialise in Obedience, but we will seek further training later. Soon, we will also be breeding Yorkshire Terriers, also gamebred, so look forward to those!</font></font></td></tr>
         </table>
      </td>
   </tr>
</table>
</div>

そして、私はそれを次のようにしようとしてい ます
:飾られた%20images/Siberians_zpsbe70e931.png

正直なところ、私はそれについてすべて間違っている可能性がありますが、これまでのところ機能しています..現時点での私の問題は、私の「レコード」セクションが薄すぎることです。そして、私はそれをより広くする方法を私の人生で理解することはできません. 「幅」と書かれているものをすべて編集して、独自width=xのコマンドを作成しようとしましたが、何も機能していないようです。ここで何が間違っているのかわかりません。