用 HBuilder X搭建一个开发环境

HBuilder X 的使用。

1.打开HBuilder X 软件,右击文件选择新建,找到html文件选项。单击出现设置名字界面(例:rmb),然后确认,进入界面。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2.基本内容含义:

①、!DOCTYPE html,告诉浏览器,我们的代码使用的是HTML5语言。所有的网页都必须以 html 开头,以 /html 结尾。
②、 head 网页的头部,加载一些我们看不到的关键内容, /head 结尾。
③、 title 网页标题 /title
④、 body 下一行开始输入我们可以看到的内容, /body 正文内容结束。
PS:我们可以用 h1-6 正文标题 /h1-6 (1最大,6最小)。
我们可以用 p 正文内容 /p 另起一行。

例如:

在这里插入图片描述

PS:若想加入图片背景

则在body里加入style="background-image: url(图片路径)

例如:

body style=“background-image: url(微信图片_20200903221820.jpg);”

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值