1 什么是HTML
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
2 入门实例
新建一个test.html文件，内容如下
ZONGXP 我的第一个标题
我的第一个段落。
其中：
- 声明为 HTML5 文档
- 元素是 HTML 页面的根元素
- 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
</span></span></strong><span style='font-size: 15px;'><span style='color: #555963; --tt-darkmode-color: #555963;' class='data-color--tt-darkmode-555963'> 元素描述了文档的标题</span></span></li><li style='margin: 8px 0px 0px;'><strong><span style='font-size: 15px;'><span style='color: #555963; --tt-darkmode-color: #555963;' class='data-color--tt-darkmode-555963'><body></span></span></strong><span style='font-size: 15px;'><span style='color: #555963; --tt-darkmode-color: #555963;' class='data-color--tt-darkmode-555963'> 元素包含了可见的页面内容</span></span></li><li style='margin: 8px 0px 0px;'><strong><span style='font-size: 15px;'><span style='color: #555963; --tt-darkmode-color: #555963;' class='data-color--tt-darkmode-555963'><h1></span></span></strong><span style='font-size: 15px;'><span style='color: #555963; --tt-darkmode-color: #555963;' class='data-color--tt-darkmode-555963'> 元素定义一个大标题</span></span></li><li style='margin: 8px 0px 0px;'><strong><span style='font-size: 15px;'><span style='color: #555963; --tt-darkmode-color: #555963;' class='data-color--tt-darkmode-555963'><p></span></span></strong><span style='font-size: 15px;'><span style='color: #555963; --tt-darkmode-color: #555963;' class='data-color--tt-darkmode-555963'> 元素定义一个段落</span></span></li></ul><p style='margin: 8px 0px 0px;' data-track='20'><span style='color: #222226; --tt-darkmode-color: #BEBEC5;' class='data-color--tt-darkmode-bebec5'>保存后运行，即可在浏览器中打开如下界面</span></p><div class='pgc-img'><p class='pgc-img-caption'></p></div><h1 class='pgc-h-arrow-right'>3 各部分详解</h1><p data-track='22'><span style='font-size: 19px;'>3.1 标题</span></p><p style='margin: 8px 0px 0px;' data-track='23'><span style='color: #222226; --tt-darkmode-color: #BEBEC5;' class='data-color--tt-darkmode-bebec5'>HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.</span></p><pre class="prism-highlight prism-language-bash" class='syl-page-code'><code><!doctype html><html><head><meta><title>ZONGXP 这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
3.2 段落
HTML 段落是通过标签
来定义的
ZONGXP 这是一个段落。
这是一个段落。
这是一个段落。
3.3 链接
HTML 链接是通过标签 来定义的
ZONGXP 这是一个链接使用了 href 属性3.4 图像
HTML 图像是通过标签
来定义的。注意： 图像的名称和尺寸是以属性的形式提供的。
ZONGXP 3.5 表格
表格由