html用表格做个人主页页面,利用HTML的表格进行页面布局

在DIV+CSS布局出现前，基本上所用的网站都使用table来进行布局。因为table布局很简单，但是table布局不灵活且代码很多。下面将介绍怎样使用table来进行布局。实例：我们来布局一个常见网站后台程序的架构。布局图如下所示：

实例代码：HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

HTML使用table进行布局

html,body{

height:100%;

width:100%;

margin:0px;

padding:0px;

overflow:hidden;

}

头部(这里放置标题、logo、一些主要按钮)
功能列表区域	办公区域(这里打开指定功能的操作区域)
版权信息

运行效果图：

注意：使用这种方式来进行布局的优是代码简单、非常方便，不用通过JavaScript控制功能区域和办公区域的高度。缺点是这种布局在以后不易进行改变，且代码比较多。