那接下来我们就以下面的案例网站进行模拟，做出一样的html页面。Div就是我们正式学习html的第一个重要的标签，这个一个块状标签，意义就是固定某一块区域。

首先我们先知道我们编辑一个html网页的完整步骤：

1.首先我们要先分析好这个网页的布局，从大到小，左到右把该网页分割成如干个板块

→（使用div标签来布局）

2.然后从布局入手，3.然后再具体到每一小块进行细致的调整

→（使用css样式进行控制调整）

3.调试bug

案例网页：首先可以把网页先分为上下四个大的板块。

如图所见，我们已经成功地把页面布局分成了四块。但是因为我们div里面还没有内容所以暂时不能立观地看到。

下面就先设置一个css，大家先不要在意其中意思，先给大家立观看清楚，我们已经成功把网页分割成了四块

如图可以看出来，我们已经成功地分割成了四块，网页布局基本完成。