HTML 编辑器推荐：
Notepad++：https://notepad-plus-plus.org/（当保存 HTML 文件时，既可以使用.htm也可以使用.html扩展名。两者没有区别，完全根据个人喜好。）
Sublime Text：http://www.sublimetext.com/
VS Code：https://code.visualstudio.com/
Dreamweaver
在线编辑器：W3School在线测试工具 V2
http://www.w3school.com.cn/tiy/t.asp?f=html_basic_link
HTML：超文本标记语言（Hyper Text Markup Language 简称：HTML）
是一种用于创建网页的标准标记语言（标记语言是一套标记标签），不是编程语言
使用标记标签来描述网页
HTML文档包含了HTML标签及文本内容
HTML文档也叫web网页
HTML 标签：
HTML 标记标签通常被称为HTML标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如 和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签（伪标签）【开始标签和结束标签】
HTML 文档 = 网页：
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器：
Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示，并以网页的形式显示出它们。
浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户
注意：对于中文网页需要使用 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 。
只有
例子：
我的第一个标题
我的第一个段落。
例子解释：
与之间的文本描述网页
与之间的文本是可见的页面内容
与
之间的文本被显示为标题与
之间的文本被显示为段落HTML 元素：
以下标签都可以添加到 head 部分：
HTML
HTML 元素：
标签定义文档与外部资源之间的关系。
标签最常用于连接样式表：
HTML
HTML 标题：
HTML 标题（Heading）是通过
- 等标签进行定义的，字号依次变小
定义最大字号的标题。 定义最小字号的标题。
注释：浏览器会自动地在标题的前后添加空行。
默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
实例：
菜鸟教程
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
image.png
定义最大字号的标题。 定义最小字号的标题。
注释：浏览器会自动地在标题的前后添加空行。
默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
实例：
菜鸟教程
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
image.png
注释：浏览器会自动地在标题的前后添加空行。
默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
实例：
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
HTML 水平线：
标签在 HTML 页面中创建水平线。
也可以实现同等效果
hr 元素可用于分隔内容。
实例：
我的第一个标题
我的第一个段落
我的第二个段落
我的第三个段落
HTML 注释：
可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
注释是这样写的：
实例：
HTML 提示 - 如何查看源代码
您一定曾经在看到某个网页时惊叹道 “WOW! 这是如何实现的？”
如果您想找到其中的奥秘，只需要单击右键，然后选择“查看源文件”（IE）或“查看页面源代码”（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。
HTML 段落：
HTML 段落是通过
标签进行定义的。
注释：浏览器会自动地在段落的前后添加空行。（
是块级元素）
提示：使用空的段落标记
（
等同于
） 标签，
代替它！（但是不要用
标签去创建列表。）
实例：
我的第一个标题
我的第一个标题
我的第一个标题
我的第一个标题
不要忘记结束标签：
即使忘了使用结束标签，大多数浏览器也会正确地将 HTML 显示出来：
HTML 换行：
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用
标签：
实例：
bgcolor、align旧版本使用的语法
我的第一个标题
我的第一个段落
我的第二个段落
我的第三个段落
元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。
还是
：
您也许发现
与
很相似。
在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。
即使
在所有浏览器中的显示都没有问题，使用
也是更长远的保障。
HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。
对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
HTML 超链接：
HTML 链接是通过 标签进行定义的。
1.通过使用 href 属性 - 创建指向另一个文档的链接
2.通过使用 name 属性 - 创建文档内的书签
注释："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
实例：
这是一个连接
HTML 链接 - target 属性：
使用 Target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
Visit W3School!
HTML 链接 - name 属性：
name 属性规定锚（anchor）的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示，它对读者是不可见的。
当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
命名锚的语法：
锚（显示在页面上的文本）
提示：锚的名称可以是任何你喜欢的名字。
提示：您可以使用 id 属性来替代 name 属性，命名锚同样有效。
实例：
首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：
基本的注意事项 - 有用的提示
然后，我们在同一个文档中创建指向该锚的链接：
有用的提示
您也可以在其他页面中创建指向该锚的链接：
有用的提示
HTML 图像：
HTML 图像是通过 标签进行定义的。
是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是：
注释：图像的名称和尺寸是以属性的形式提供的。
图片要和html文档放置于一个文件夹中(推荐)
URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。
实例：
替换文本属性（Alt）：
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
HTML 元素：
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）或者伪标签。
HTML 元素语法：
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是从开始标签到结束标签的所有内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
嵌套的HTML元素：
大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文档由嵌套的 HTML 元素构成。
实例：
This is my first paragraph.
上面的例子包含三个 HTML 元素。
HTML 实例解释：
元素：
This is my first paragraph.
这个
元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签
，以及一个结束标签
。元素内容是：This is my first paragraph。
元素：
This is my first paragraph.
元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 ，以及一个结束标签 。
元素内容是另一个 HTML 元素（p 元素）。
元素：
This is my first paragraph.
元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 ，以及一个结束标签 。
元素内容是另一个 HTML 元素（body 元素）。
空的 HTML 元素：
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素（
标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。
HTML 属性：
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name="value"。
属性总是在 HTML 元素的开始标签中规定。
注释：属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
name='Bill "HelloWorld" Gates'
属性实例：
属性例子1—居中排列标题:
定义标题的开始。
拥有关于对齐方式的附加信息。
属性例子2—背景颜色
定义 HTML 文档的主体。
拥有关于背景颜色的附加信息。
属性例子3:
属性例子2—背景颜色
定义 HTML 文档的主体。
拥有关于背景颜色的附加信息。
属性例子3:
标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
image.png
表格的表头： 表格的表头使用 | 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本
image.png
表格中的空单元格： 在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。
image.png
无序列表： 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于
|
|---|