html5实现页面的布局

 时间:2026-02-15 00:36:04

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

html5实现页面的布局

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

html5实现页面的布局

html5实现页面的布局

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

html5实现页面的布局

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

html5实现页面的布局

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

html5实现页面的布局

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

html5实现页面的布局

3、设置span的之间的距离

html5实现页面的布局

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

html5实现页面的布局

  • 【5IC-5】求Sn=a+aa+aaa+…+aa…a(n个a)之值
  • 网易公开课个人管理相关的课程如何查找
  • 请说明布局有几种类型,以及每种类型的作用
  • 如何查询厦门轮渡航班
  • 直线模组选型的6大要素——新手看过来
  • 热门搜索
    炒西兰花怎么做好吃 鬼吹灯顺序是怎么排的 湖北工业大学怎么样 手机投屏电视怎么设置 阿兰若梦境是怎么回事 怎么管理好一个团队 第一英语怎么写 ps套索工具怎么用 苹果6怎么设置铃声 邮费怎么算