
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.2 Hbuilder软件下载与使用
本节对Hbuilder编译器进行介绍,因为是中文版的,使用起来比较适合初学者,所以推荐给读者,可以到腾讯软件管家中心下载,地址为:
https://pc.qq.com/detail/3/detail_22603.html,单击“普通下载”按钮即可,如图1-4所示。

•图1-4 下载页面
下载后不用安装,解压后打开可以看到Hbuilder.exe文件,右击鼠标后,在弹出的快捷键菜单中选择“发送到”中的“桌面快捷方式”命令,如图1-5所示。

•图1-5 发送到桌面
这样软件的打开方式就发送到桌面了。因为Hbuilder不用安装,可以直接运行,所以双击软件图标即可打开,如图1-6所示。

•图1-6 软件登录界面
读者可以注册一个账户,也可以选择暂不登录,进入界面后单击鼠标右键,在弹出的快捷菜单中选择“新建”中的“目录”命令,如图1-7所示。
新建一个目录,命名为:“web前端学习”,如图1-8所示。

•图1-7 新建目录

•图1-8 新建目录命名
创建第一个HTML:使用鼠标右键单击Web前端学习目录,在弹出的快捷菜单中选择“新建”→“HTML文件”命令,如图1-9所示。
然后进行命名,此处命名为“1.html”,使用默认模板即可,如图1-10所示。

•图1-9 创建HTML文件

•图1-10 选择默认模板
创建完成之后,可以在<body></body>之间随便写一段文字,使用<Ctrl+S>快捷键进行保存,如图1-11所示。

•图1-11 第一个HTML
单击图1-12所示的浏览器图标按钮,即可运行这个网页。

•图1-12 单击浏览器运行网页
运行结果如图1-13所示。

•图1-13 运行结果
此时,说明已经安装成功了,关闭浏览器即可关闭正在打开的网页。