一、下载软件HBulider X
官网地址:HBuilderX-高效极客技巧 (dcloud.io)
下载好之后解压到D盘,右键-发送到-桌面快捷模式,这样就能在桌面打开了
二、项目的创建
1.打开软件,关闭起始页
点击新建项目或者点击文件-新建-项目
输入项目名称,选择文件存储地址(最后建一个专属文件夹都存一块)
你的第一个项目创建完成了,看一下源文件夹:
打开index.html
<!DOCTYPE><!--声明为 HTML5 文档-->
<html> <!--HTML 页面的根元素-->
<head><!--描述了文档的标题-->
<meta charset="utf-8"><!--utf-8编码,文本基本都是这个编码-->
<title>html</title><!--页面标题,打开网页显示的标题-->
<head>
<body><!--网页显示标签,body标签内的信息都会在页面中显示-->
</body>
</html>
在此之前先了解下什么是HTML:
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言,而是一种标记语言
三、书写代码
HTML代码都写在body标签内
认识第一个HTML标签:
h1 可以理解为word的标题1,最大的标题,h后面的数字越小,标签内的文字越小
<h1>开始标签
</h1>结束标签
就像body也有开始结束,大部分标签都有开始结束,部分则直接是结束标签,以后再说
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML</title>
</head>
<body>
<h1>hello world</h1>
</body>
</html>
然后ctrl+s保存后运行到浏览器,没有可以自己下一个,谷歌、火狐、edge都可以,你的第一个项目就运行完成了