页面布局一般采用div+css模式。
1.每拿到一张图，首先是它的logo，习惯性地用a标签去套它所在的img。
因为logo一般都是能点的动的。完后左浮动。一般最外层用h1嵌套。
2.右上角菜单来，用div嵌套a，右浮动div即可。
3.导航栏视情况而定，有下拉框的可用dl（自定义标签去实现），里面套a浮动。
没有下拉框的一般用div套a，浮动不浮动都可以。
4.滚动图即页面大图一般选用img，因为这个可能公司会经常更新这个大图。
5.内容部分:
如果存在左边图片，右边文字说明，dl标签最为优选。dt放图片然后左浮动，dd写文字说明然后右浮动。
如果存在很多文字排列整齐地好几列，那ul或ol最为优选。
页面中的一些小图标一般都用背景图来实现，因为img中的href属性会对服务器造成请求压力。
6.尾部部分：
如果存在一横行可点的文字并用“|”隔开，即可用div嵌套a和span或i，em等等，这些标签都挺好用的。下一行的网页说明可用span标签去实现。
如果存在一边是可点的，另一边是网页说明，那最简单的是两边各用一个div，完后左右浮动。当然可点部分如果是列表形式的，那可选用ul或ol，dl去实现。
注意：
随着前端技术的成熟，table标签越来越难以前行，所以在以后的页面布局中尽量不要使用table，除非到那种非用它不可的地步。
原文：http://www.cnblogs.com/jinxinblog/p/3523141.html