对上图用简单的html进行描述:
<body>
<!--网页头部开始-->
<div id="head">
<div id="logo"><img src="images/logo.fw.png" title="网页logo" alt="logo加载失败" /></div>
<div id="head_right">
<div><a href="#">设为首页</a> | <a href="#">加入收藏</a> | <a href="#">加入我们</a></div>
<div id="nav">
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
</ul>
</div>
</div>
</div>
<!--网页头部结束-->
<!--网页中间部分开始-->
<div id="middle">
<div id="mid_left">
<div>
<dl>
<dt><img src="#" title="" alt="" /></dt>
<dd><a href="#">在线订购</a><div>24