使用 <table> 元素的网页布局 - 如何使用 <table> 元素添加布局。 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>

  <table width="500" border="0">
    <tr>
      <td colspan="2" style="background-color:#FFA500;">
        <h1>主要的网页标题</h1>
      </td>
    </tr>

    <tr>
      <td style="background-color:#FFD700;width:100px;vertical-align:top;">
        <b>菜单</b><br> HTML
        <br> CSS
        <br> JavaScript
      </td>
      <td style="background-color:#eeeeee;height:200px;width:400px;vertical-align:top;">
        内容在这里</td>
    </tr>

    <tr>
      <td colspan="2" style="background-color:#FFA500;text-align:center;">
        版权 © mifengjc.com</td>
    </tr>
  </table>

</body>
</html>
        