一、基础知识
- 定义:超文本标记语言。
- 当前使用版本:5.*(H5)
- HTML 文件有文件头(头部标签)head 和文件体 body 标签两部分组成,并且在两部分外面由 html 标签包裹起来,这样浏览器才能识别该文件是 HTML 文件。
- HTML 文件由多组标签组成,通常情况下头部标签 head 中包裹着一些页面配置信息,不会渲染到页面中。文件体 body 标签中由多个或多组标签组成,body 中的内容会渲染到页面中,也被称为页面框架。
- 标签分类:
- 单标签:只有开始标签,没有结束标签(例如:link、img、input 等)
- 双标签:既有开始标签也有结束标签(例如:div、ul、li 等)
- 标签和元素
- 标签:标签是由 “<” 和 “>” 括起来的,目前 HTML 标签不区分大小写,根据 W3C 建议,最好使用小写。
- 元素:元素由三部分组成,分别是开始标签、元素内容、结束标签。这里的元素内容也可以是一组或多组标签,也就是常说的标签嵌套。
二、文件结构
-
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html>
-
一般编辑器在创建
.html
文件时,会默认生成一个 HTML 模板,如上代码。 -
第一节基础知识中提到的几个标签在上述代码中均可以查看到,详细标签介绍见后续文章。
三、开发工具
-
在这里向大家推荐几款敲代码的工具,以下开发工具个人认为都比较好用。
-
HbuilderX
-
HbuilderX 是 Hbuilder 的升级版,个人认为 HbuilderX 比 Hbuilder 好用一些。
-
图标:
-
-
VS Code
-
VS Code 支持格式化代码等插件,编辑 Web 文件也是很不错的。
-
图标
-