用 HBuilder X搭建一个开发环境

本文介绍如何使用HBuilderX创建HTML5页面,包括基本的文档结构、元素意义及样式设置方法,如背景图片的添加。

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);”

在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值