表格布局

<!doctype html>
<html lang="en">
 <head>
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  
 <center>
 <table width="800" height="600" cellspacing="0" cellpadding="0">
 <tr height="20%">
  <td colspan="2" bgcolor="ccffff">
     这是页面头部
 
 </td>
 </tr>

 <tr>

 <td width="30%" bgcolor="#ff99ff">
   这是菜单栏
  </td>

  <td  bgcolor="#ff9900">
  这是正文部分
  </td>
  </tr>


 <tr height="20%">

 <td colspan="2"  bgcolor="#ccff33">
   这是尾部页面
  </td>
  </tr>


 </table>

 </center>

 </body>
</html>

原文地址:https://www.cnblogs.com/zhaoyangjian724/p/6200242.html