HTML开发工具的安装与使用(HbuilderX)

HTML开发工具的安装与使用(HbuilderX)

文章目录

  • HTML开发工具的安装与使用(HbuilderX)
    • 一. 软件下载
    • 二. 工具结构
    • 三. 创建项目
    • 四. 工程目录结构

一. 软件下载

浏览器搜索HbuilderX下载,下载成功之后根据提示完成安装.(不需要配置环境)

二. 工具结构

在这里插入图片描述

三. 创建项目

在这里插入图片描述

点击左边新建按钮,然后选中项目,弹出如下窗口。

在这里插入图片描述

项目名称:驼峰命名法,多个英文单词组成,每个单词首字母要大写。

路径:自己创建一个文件夹,用该文件夹管理所有的项目工程。

模板:选择基本HTML项目模板,自动生成HTML结构。

四. 工程目录结构

在这里插入图片描述

LessonHTML:当前工程。

Css文件夹:用来管理当前工程中所有的css文件。

Img文件夹:用来管理当前工程中所有图片素材。

Js文件夹:用来管理当前工程中所有的js文件。

Index.html:首页,.html,后缀结尾的都是网页.


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部