网络开发是当今最受欢迎的技能之一。它涉及创建可通过浏览器访问的用户友好且引人入胜的网站。成为 Web 开发人员的第一步是了解 HTML。

HTML（超文本标记语言）是任何网页的支柱。它是用于构建网页的标准语言，决定内容在浏览器中的显示方式。页面的外观由CSS（级联样式表）决定，其功能由JS（Javascript）决定，HTML 负责基本的骨架或结构。

在深入学习这部分课程之前，了解您的旅程中将使用的著名和反复出现的术语非常重要。这些将帮助您随着我们的进展理解概念（并且也使作者更容易解释事物;-)）。

了解行话

1. 编程语言：以计算机可以执行的特定语法（编程语言的方式）编写的一组指令。请记住，计算机只能理解二进制代码（1 或 0），现在，为了使计算机理解逻辑并找到权衡，我们（人类）创建了一种编程语言，以便可以轻松地我们编码，也让计算机理解它。
2. 编译器：将用编程语言编写的代码翻译成计算机可以理解和执行的机器语言的工具。
3. 语法：定义编程语言结构的规则。将其视为句子中单词的排列方式以使其有意义。
4. 注释：代码中的注释，解释代码的某些部分的作用。注释可以帮助其他开发人员（或未来的你）理解代码背后的逻辑。
5. DOM（文档对象模型）：DOM 是 HTML 文档的树状表示。 HTML 中的每个标签都成为该树中的一个节点。例如，如果您的 HTML 有一个 标记，其中包含一个

   （段落），则浏览器会创建一个 body 节点，并以段落节点作为其子节点。

6. 孩子们：随着你的进步，你就会明白这一点。元素嵌套在另一个元素内。例如，在 HTML 中，div 标签 (
   ) 内的段落标签 (

   ) 将被视为 div 的子级。

7. 块级元素：随着您的进步，您将了解这个术语。该术语通常描述元素的特征，即它将占据全部可用宽度。

---

使用 HTML 启动

HTML 代表超文本标记语言

• 超文本：指HTML将不同文档链接在一起的能力。

• 标记语言：使用标签来注释文本，定义文本在浏览器中的显示方式。

这是 HTML 文档的基本结构：


  
    
  
  
    
Hello, world!
  

• 标签：在 HTML 中，标签用于定义元素。标签括在尖括号中，例如 或

  .

• 元素：由开始标签和结束标签组成，可能包含内容。例如，

  Hello, world!

  是一个段落元素。

---

HTML 文档结构

每个 HTML 文档都遵循一个基本结构：

1. :声明HTML的文档类型和版本。
2. ：包含所有其他 HTML 元素的根元素。
3. ：包含有关文档的元信息，例如标题和样式表的链接。
4. ：设置网页的标题，显示在浏览器的标题栏或选项卡中。
5. ：提供有关 HTML 文档的元数据，例如字符集、作者和视口设置。这是一个自闭合标签。
6. ：嵌入 CSS 代码来设置 HTML 元素的样式。
7. ：嵌入 JavaScript 代码以向网页添加交互性。
8. ：包含网页上用户可见的内容。

---

常用的 HTML 元素

以下是您将经常使用的一些基本 HTML 元素：

• ：定义一个段落。
• ：块级元素，用于将其他元素分组在一起。
• ：一个内联元素，用于对文本进行分组以实现样式设置。
• ：代表章节的介绍性内容或导航链接。

• 到
  ：标题，

  为最高级别，

  为最低级别。

• 
  ：插入换行符（自关闭标签 - 意味着无需关闭标签）。
• ：用于创建供用户输入的 HTML 表单。
• ：创建输入字段，通常在表单中使用。
• ：创建下拉列表。
• ：将文本标签与表单元素关联。