html5实现页面的布局

1、首先，下载html5开发软件Intellij IDEA，这个直接在百度搜索框中搜索即可。

2、打开软件，点击file，选择New project，在弹出的对话框中，选择static web选项中的html5，点击next，在新对话框中，输入项目名称，点击finish

3、在html中，写5个div标签，分别标记为左边栏、右边栏、底部

4、在第二个div中，添加span标签，加入四个名称，分别记为课程、计划、分享、社区

1、引入style标签，声明为type为css

2、分别设置几个div的大小和背景颜色

3、设置span的之间的距离

4、点击run，查看实际效果