用 HBuilder X搭建一个开发环境

HBuilder X 的使用。

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

用 HBuilder X搭建一个开发环境

用 HBuilder X搭建一个开发环境
用 HBuilder X搭建一个开发环境

2.基本内容含义:

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

例如:

用 HBuilder X搭建一个开发环境

PS:若想加入图片背景

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

例如:

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

用 HBuilder X搭建一个开发环境