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>
轉載于:https://www.cnblogs.com/houweidong/p/5837922.html
總結
以上是生活随笔為你收集整理的html5，表格与框架综合布局的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Spring boot 多数据源
- 下一篇： 单例模式160905