<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta charset="UTF-8"> <title>HTML使用table进行布局</title> <style type="text/css"> html,body{ height:100%; width:100%; margin:0px; padding:0px; overflow:hidden; } </style> </head> <body height="100%" width="100%"> <table height="100%" cellspacing="1" width="100%" bgcolor="#808080"> <tr height="70px"> <td colspan="2" bgcolor="#F0F0F0">头部(这里放置标题、logo、一些主要按钮)</td> </tr> <tr> <td width="150px" bgcolor="#F0F0F0">功能列表区域</td> <td width="auto" bgcolor="#ffffff">办公区域(这里打开指定功能的操作区域)</td> </tr> <tr height="30px"> <td colspan="2" bgcolor="#F0F0F0" align="center">版权信息</td> </tr> </table> </body> </html>
在线代码编辑器
HTML / CSS / JavaScript 实时预览
更多工具
运行
保存
自动执行
模板
JS 库
清空
主题
代码编辑区
字符数: 0
提示: 输入完整的 HTML 代码,需包含 DOCTYPE 声明与 html 根标签
预览效果
选择模板
取消
选择库和版本
库
版本
文件
取消
已复制到剪贴板