网页制作的最底层的东西就是盒子，这些盒子怎么放的，如何一个个有顺序的排好他们，就是布局，在网页制作中，有table布局与div css布局之分，table布局与div css布局有什么区别？下面来看看一个例子（css教程）。

        1.首先是用table布局来写，需要8行代码：

        <table>

        <tr>

        <th>网站标题</th>

        </tr>

        <tr>

        <td>网站内容</td>

        </tr>

        </table>

        2.然后进步到用div css布局，2行就可以了，但是因为存在两个DIV，为了区别，需要给不同的ID：

        <div id=“title“>网站标题</div>

        <div id=“content“>网站内容</div>

        3.用XHTML来写：

        <h1>网站标题</h1>

        <div>网站内容</div>

        table布局与div css布局时间上投入：

        用更为简洁的XHTML代码风格，不仅仅是为了提升页面开启速度。毕竟现在网络带宽越来越大，打开10K的网页代码和打开5K的网页代码区别并不明显。而采取XHTML建站的缺点也很明显，如果是一个同样规模的网站，用TABLE做，1小时就可以了，用DIV要2小时，用符合语义的XHTML则需要3小时，当然这只是一个预估，根据页面的不同和技术人员的熟练度，时间上面会有一定的出入。

        那我们何必多花时间来做网站？

        一样的，做网站，不能只看设计风格如何如何。更最要的是核心代码如何、质量如何。我们做出来的网站不是摆在家里自己欣赏的，更重要的是去推广这个网站，给自己的企业带来网络影响力。让用户搜索某个关键词能找到你的网站，而不是找到别人的网站。