html5，表格与框架综合布局
Posted 侯伟东
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html5，表格与框架综合布局相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tabel布局</title>
</head>
<body style="margin: 0">
<table style="background: green;height: 708px;width: 100%">
<tr style="background: red"><td colspan="3" style="height: 10%;text-align: center;"> 顶部 </td> </tr>
<tr style="background: #f7f7f7">
<td style="width: 20%">
<ul style="list-style-type: none;">
<li><a href="http://www.baidu.com" target="myframe"><img src="0.jpg" height="50" width="100"></a></li>
<li><a href="http://www.hao123.com" target="myframe"><img src="0.jpg" height="50" width="100"></a></li>
</ul>
</td>
<td style="background: #f8f8f8" colspan="2">
<iframe src="http://www.h123.com" name="myframe" width="100%" height="100%"></iframe>
</td>
</tr>
<tr style="background: red"><td colspan="3" style="height: 10%;text-align: center;">底部</td></tr>
</table>
</body>
</html>
以上是关于html5，表格与框架综合布局的主要内容，如果未能解决你的问题，请参考以下文章
html5不支持frameset了，现在网站后台都用啥布局框架?
layui框架实战案例(19)：layui-table模块表格综合应用（筛选查询导入导出群发短信一键审核照片展示隐私加密）