html怎么把网页分成五分，头部，导航栏和上面，和主体部分和底部，该怎么分块
给你类似的网页布局代码 自己研究
html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页布局</title>
<link href="CSS/CSSWangYBJ.css" rel="stylesheet" type="text/css" />
</style>
</head>
<body>
<div id="HeZ">
<div id="DaoH">导航</div>
<div id="ZhongJ">
<div id="ZJZuoB">左边列</div>
<div id="ZJYouB">内容列<br />
</div>
</div>
<br id="FuDong" />
<div id="BanQ">版权信息</div>
</div>
</body>
</html>
css文件
*{ margin:0px; padding:0px;}
#XuwXiaoSYTP{ background:url(CaiD_2.gif)}
#FuDong{ margin:0px; padding:0px; clear:both;}
#HeZ{ width:1000px; text-align:center; margin:0 auto;}
#DaoH{ height:100px; text-align:center; background:#09F; border:1px solid #F00; margin-bottom:15px; margin-top:10px;}
#DaoHWenZiBuF{ list-style-type:none; }
#DaoHWenZiBuF ul { background:url(CanD_1.gif) repeat-x;}
#DaoHWenZiBuF ul li{ text-decoration:none; float:right; list-style-type:none; font-size:18px; margin-left:30px;}
#ZhongJ{ width:100%;}
#ZJZuoB{ width:200px; height:600px; float:left; background:#963; border:1px #00F solid;}
#ZJYouB{ width:786px; height:600px; float:right; background:#FC9; border:1px solid #F00;}
#BanQ{ height:50px;; width:1000px; text-align:center; background:#000 color:#FFF; text-align:center; border:1px #300;margin-top:10px; background:#09F; border:1px solid #F00;}
效果图如下：
可以说详细一点嘛谢谢
如果你是初学者，详细点得讲一本书那么厚了。最直接的就是搜索这两个关键词，马上上手做一次。琢磨一下，你就能做的有模有样了。
我知道，我就是不知道该怎么分
要分几块
