1.html简介 1.1 什么是html
html的概念是超文本标记语言。 超文本：可以被浏览器解释（解析），如http（超文本传输协议）。 官方解释：“超文本”是指页面可以包含图片、链接，甚至音乐、程序等非文本元素。 解析顺序为：自上而下的顺序。
标记语言：由标签逐一组成的语言。例如段落是
……
该标签表明该图像是由
该标记表示。 超链接是...标签表示。 学习标记语言的关键是了解哪种标记最能描述网页的元素（布局、结构、内容等）。
如果我们想让浏览器按照人的思维来显示网页，就必须掌握浏览器解释网页所使用的HTML语言，了解标签的作用。 例如，如果要组成一个段落，则必须使用
段落内容
方法可以实现。
html文件的后缀为xxx.html或xxx.htm
html5文件的特点看第一行代码：如下图
使用 F12 打开和关闭浏览器的开发人员工具面板。 下图是开发者工具面板。
html的历史：
超文本标记语言（第一版）- 1993 年 6 月作为互联网工程任务组 (IETF) 工作草案发布（不是标准）：
HTML 2.0 - 1995 年 11 月作为 RFC 1866 发布，2000 年 6 月发布 RFC 2854 后宣布废弃
HTML 3.2 - 1997 年 1 月 14 日什么是html标签，W3C 建议
HTML 4.0 - 1997年12月18日，W3C推荐标准
HTML 4.01（细微改进）- 1999 年 12 月 24 日，W3C 建议
XHTML1.0——2000年1月26日发布，是W3C推荐标准，后来经过修订并于2002年8月1日重新发布。
XHTML 1.1于2001年5月31日发布，是W3C推荐标准。
XHTML 2.0，W3C 工作草案。
HTML4.01是通用版本。
XHTML 5，XHTML 1.x 的更新版本，基于 HTML 5 草案。
HTML 5 - 2014 年 10 月 28 日，W3C 建议
1.2 常用核心软件安装编辑器的基本使用以及HTML的理解
1.2.1 HBuilder X编辑器的基本使用
hbuilderx官方网站
HBuilderX - 高效的极客方法
1.2.2 Visual Studio Code编辑器的基本使用
Visual Studio代码官方网站
Visual Studio Code - 代码编辑。 重新定义
1.2.3 Sublime Text3、Notepad++、webstorm
崇高文字官方网站
Sublime Text - 文本编辑，正确完成
记事本++官方网站
Notepad++ - 下载适用于 Windows 的最新版本
网络风暴官方网站
1.3 常用浏览器的基本使用
1.3.1 谷歌浏览器
延长风扇
Chrome插件、谷歌浏览器插件下载、chrome微软商店插件crx应用推荐及下载-扩展迷
WEB后台助手（FeHelper）的安装与使用
1.3.2 火狐浏览器
Firebug是Firefox下的一个开发插件
萤火虫下载地址
萤火虫
1.3.3 互联网浏览器
ie浏览器中文网站
IE浏览器-IE浏览器百科-Iefans
爱特斯特官方网站
IETester - 下载
1.4 了解HTML4和HTML5的文档结构
HTML4 文档结构
浏览器窗口处显示的标题 文档主体，显示给用户看的内容。
html 文档的基本结构。 一个html文档分为两部分，head部分和body部分。 html/head/body 标签是唯一的。 一个html文档只能有一对head标签和body标签。
head部分是文档的具体声明，如文档编码、文档标题、关键字、描述、外部CSS样式以及js文档的链接等，可以放在腰部，主要供浏览器和搜索引擎查看。 除标题外，用户无法看到声明的其他内容。 例如：
网页标题
正文部分是放置用户可以看到的网页主要内容的地方。 例如：
HTML5 文档结构
无标题文档
第一行仍然有声明，但没有指定 HTML 版本，因为 HTML5 文档完全兼容较低版本的 HTML 语言。 charset 指定编码。
1.5 html和html5有什么区别
区别：1、HTML的文档类型声明较长且复杂，而HTML5的文档声明相对简单，有利于程序员快速阅读和开发； 结构语义差异，html：没有突出结构语义的标签，如：html5：增加了很多语义标签，如：、、、...
2、HTML5支持SVG、canvas等虚拟矢量图形，但HTML不支持； 3、HTML本身不支持音频和视频，但HTML5支持等。
2.html文本标签
换行标签（单个标签）
水平分隔标签
style="background-color: "行内样式---background-color背景色
段落标签
特征：
独占一行（块元素）
属性：
align="" 内容水平对齐显示，有3个值：左、中、右
align="left" 内容水平显示在左侧
align="center" 内容水平居中显示
align="right" 内容横向显示在右侧
style="text-align: center" 内联样式---内容水平居中
我是段落
我是段落
我是一段
我是一段
h1、h2、h3、h4、h5、h6 标题标签（标题 1----标题 6）
特征：
(1) 独占行(块元素)
(2)标题标签字体默认为粗体
（3）字体越小，字体越大； 字体越大，字体越小
align="" 内容水平对齐显示，有3个值：左、中、右
align="left" 内容水平显示在左侧
align="center" 内容水平居中显示
align="right" 内容横向显示在右侧
标题 1
标题 2
标题 3
标题 4
标题 5
标题 6
斜体标签什么是html标签，为文本添加粗体效果
我是大胆的标签
我是大胆的标签
加粗标签，使文字字体加粗
我是大胆的标签
我是大胆的标签
span装饰标签（无意义的文本标签），设置文本内容（日期、作者等）
