<DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html" charset="utf-8"/>
<title>table布局</title>
</head>
<body>
<table border="" width="800px">
<tr>
<td colspan="" style="background-color:#99bbbb">
<h1>Main Title of The web page</h1>
</td>
</tr>
<tr valign="top" >
<td style="background-color:#ffff99;width:300px; height:400px;text-align:top;">
HTML<br/>
CSS<br/>
JavaScript<br/>
Jquery<br/>
</td>
<td style="background-color:#EE8888;text-align:top;width:500px;height:300px;">Content Goes here</td>
</tr>
<tr>
<td colspan="" style="text-align:center; background-color:#CCCCCC">CopyRight W3CSchool.com.cn</td>
</tr>
</table>
</body>
</html>
效果图：