Html5-table layout

<! DOCTYPE html>

<meta charset= "UTF-8" >
<title>table Layout </title>

<body style= "margin:0" >
<table style= "background: #f0f0f0; width:100%;height:700px" >
<tr style= "Background:blue" ><td colspan= "3" height= "10%" ></td></tr>
<tr style= "Background:gray" >
&LT;TD style= "background: #f8f8f8" width= "20%" >
<ul style= "List-style-type:none;" >
<li><a href= "http://www.sohu.com" target= "MyFrame" >wwww.sohu.com</a></li>
<li><a href= "http://www.sohu.com" target= "MyFrame" >wwww.sohu.com</a></li>
<li><a href= "http://www.sohu.com" target= "MyFrame" >wwww.sohu.com</a></li>
<li><a href= "http://www.sohu.com" target= "MyFrame" >wwww.sohu.com</a></li>
<li><a href= "http://www.sohu.com" target= "MyFrame" >wwww.sohu.com</a></li>
</ul>
</td>
&LT;TD colspan= "2" >
<iframe src= "http://www.baidu.com"; Width= "100%"; Height= "100%"; Name= "MyFrame" ></iframe>
</td>
</tr>
<tr style= "Background:green" ><td colspan= "3" height= "10%" ></td></tr>
</table>
</body>

Html5-table layout