HTML5 1.6 table布局
table布局特点
1.是传统的网页布局方式，早期网页布局简单
2.简单易懂
3.对于复杂布局，后期维护和修改很不方便
4.table布局思路，用变革吧屏幕分成几块--不同的单元格存放不同的内容
<!DOCTYPE html>
< html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>table布局</title>
</head>
<body margin=“0”>
<table style=“background：darkgray；width：100%；height：708px”></tr>
<tr style=“background：green”><td colspan=“3” style=“height：10%”></td></tr>
<tr>
<td style=“background：cornsilk width：20%”>
<ul style=“list-style-type:none”>
<li><a href=“http://i.cnblogs.com” target="myfram"><img src=“../lesson1/img/i.gif” alt=""></li>
<li><a href=“http://i.cnblogs.com” target="myfram"><img src=“../lesson1/img/i.gif” alt=""></li>
<li><a href=“http://i.cnblogs.com” target="myfram"><img src=“../lesson1/img/i.gif” alt=""></li>
<li><a href=“http://i.cnblogs.com” target="myfram"><img src=“../lesson1/img/i.gif” alt=""></li>
</ul>
</td>
<td colspan="2">
<ifram src=“http://www.baidu.com”;width="100%";height="80%" name="myfram"></iframe>
</td>
</tr>
<tr style="background:blue"><td colspan=“3” style=“height：10%”></td></tr>
</table>
</body>
</html>
