<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>table布局和综合实例</title>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>table布局和综合实例</title>
</head>
<body>
<table style="background:darkgray;width:100%;height:708px;">
<body>
<table style="background:darkgray;width:100%;height:708px;">
<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://www.jd.com" target="myframe"><img src="baidu.png" alt="京东"title="京东" width="50%"></a>
</li>
<li>
<a href="http://www.taobao.com" target="myframe"><img src="baidu.png" alt="淘宝"title="淘宝" width="50%"></a>
</li>
<ul>
</td>
<td colspan="2">
<iframe src="http://www.baidu.com" width="100%" height="100%" name="myframe"> </iframe>
</td>
</tr>
<td style="background:cornsilk;width:20%;">
<ul style="list-style-type:none">
<li>
<a href="http://www.jd.com" target="myframe"><img src="baidu.png" alt="京东"title="京东" width="50%"></a>
</li>
<li>
<a href="http://www.taobao.com" target="myframe"><img src="baidu.png" alt="淘宝"title="淘宝" width="50%"></a>
</li>
<ul>
</td>
<td colspan="2">
<iframe src="http://www.baidu.com" width="100%" height="100%" name="myframe"> </iframe>
</td>
</tr>
<tr style="background:blue">
<td colspan="3" style="height:10%"></td>
</tr>
</table>
</body>
</body>
</html>