divcss制作一个网页布局

1、启动一个写html代码的编辑器，比如vscode、webstrom、Hbuilder等ide。如图示例用vs。

3、输入文件名称及后缀。如图示例：demo.html文件。

5、接下来在head标签中，添加style标签，在其里面书写我们的样式代码。在其body标签中，书写我们的布局代码div等。

7、最后我们刚才输入的代码显示结果如下，成功实现简单的页面布局。如需更复杂的布局。继续添加其他结构及样式。包括js代码等。