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>