在学习HTML之前，最好先阅读这篇文档：
网络的工作原理 - 学习网络开发 |多核 (mozilla.org)
这样，就可以理解Web的工作方式。
进入正题，HTML 不是一门编程语言，而是一种标记语言，使用它标记文本，以便浏览器可以以某种方式呈现文本。 先写一段代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>The first web page</title>
</head>
<body>
<p>
WELCOME TO MY WEB PAGE.
</p>
</body>
</html>
把上述代码保存，并在文件名末尾添加.html。 用eage浏览器打开，如图：
第一行代码是文档类型说明，这个声明把文档标识为HTML5.
接着，介绍3个标签
开始标签是指示HTML命令开始的HTML标签，受命令影响的文本出现在开始标签之后。开始标签总是开始于“＜”，结束于“＞”，比如在<
html>中。
封闭标签是指示HTML命令结束的HTML标签，受命令影响的文本出现在封闭标签之前。封闭标签总是开始于“</”，结束于“＞”，比如在</html＞中。
空标签是在页面中发出HTML命令并且不会封闭任何文本的HTML标签。空标签总是开始于“<”，并且结束于“/＞”，比如在<br/＞和<img/＞中。 注意：
你无疑会注意到，在代码中，有一些额外的代码与标签<html>
相关联。这种代码包含语言属性(lang)，它用于指定与标签相关的额外信
息。在这里，它指定HTML内的文本的语言是英语。如果以不同的语言编
写代码，可以用相关的语言标识符替换en(用于英语)。
例如，代码中的标签告诉Web浏览器页面中的实际正文文本的开始位置，则指示其结束位置。<body＞与标签之间的所有内容都出现在Web浏览器窗口的主要显示区域，如上图所示。 </html＞则指示Web页面结束了。
在页面内，有一个头部区域和一个主体区域，每个页面分别通过<head>和<body>。其思想是：页面头部中的信息以某种方式描述页面，实际上不会被浏览器显示出来。不过，放在主体中的信息会被显示出来<head>标签出现在页面的HTML代码开始处附近，仅仅位于开始标签之后。
<title>标签对用于标识出现在页面头部内的页面标题，这意味着它将放在<head>开始标签之后和</head＞封闭标签之前。
<p>标签封闭一个文本段落。
HTML基本结构
一个HTML文档通常由以下几个部分组成：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<!-- 网页内容 -->
</body>
</html>
<!DOCTYPE html>：这是HTML5的文档类型声明，它告诉浏览器使用HTML5解析文档。<html>：这是HTML文档的根元素，包含了整个HTML文档的内容。<head>：这是HTML文档的头部，用于包含一些与文档相关的元数据，比如标题、样式表和脚本等。<title>：这是网页的标题，显示在浏览器的标题栏或标签页上。<body>：这是HTML文档的主体部分，包含了网页的实际内容，比如文本、图像和链接等。
HTML标签
HTML标签用于定义和描述网页的各个部分。每个标签由尖括号<>包围，通常成对出现，有一个开始标签和一个结束标签。开始标签和结束标签之间的内容就是标签的内容。
以下是一些常见的HTML标签的示例：
<h1>到<h6>：用于定义标题，从大到小分别表示一级标题到六级标题。<p>：用于定义段落。<a>：用于创建链接，href属性指定链接的目标URL。<img>：用于插入图像，src属性指定图像的URL。<ul>和<li>：用于创建无序列表，<ul>是列表的容器，<li>是列表项。<ol>和<li>：用于创建有序列表，<ol>是列表的容器，<li>是列表项。<table>、<tr>和<td>：用于创建表格，<table>是表格的容器，<tr>是表格的行，<td>是表格的单元格。
HTML属性
HTML标签可以包含一些属性，这些属性提供了有关标签的额外信息。属性以名称/值对的形式出现，用于修改标签的行为或外观。
以下是一些常见的HTML属性的示例：
class：用于指定元素的类名，可以用于样式化和JavaScript操作。id：用于指定元素的唯一标识符，可以用于JavaScript操作。style：用于指定元素的样式，可以设置CSS属性。src：用于指定图像或脚本的URL。href：用于指定链接的目标URL。alt：用于指定图像的替代文本，当图像无法显示时显示该文本。
