自行开发构建 Web UI：部分了解 HTML

发布时间：2024-08-16 18:10 浏览次数：次作者：网络

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

html（超文本标记语言）是任何网页的支柱。它是用于构建网页的标准语言，决定内容在浏览器中的显示方式。虽然页面的外观由css（层叠样式表）决定，其功能由js（javascript）决定，但html负责基本骨架或结构。

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

了解行话

编程语言：以计算机可以执行的特定语法（编程语言的方式）编写的一组指令。请记住，计算机只能理解二进制代码（1 或 0），现在，为了使计算机理解逻辑并找到权衡，我们（人类）创建了一种编程语言，以便可以轻松地我们编码，也让计算机理解它。
编译器：将用编程语言编写的代码翻译成计算机可以理解和执行的机器语言的工具。
语法：定义编程语言结构的规则。将其视为句子中单词的排列方式以使其有意义。
注释：代码中的注释，解释代码某些部分的作用。注释可以帮助其他开发人员（或未来的你）理解代码背后的逻辑。
dom（文档对象模型）：dom 是 html 文档的树状表示。 html 中的每个标签都成为该树中的一个节点。例如，如果您的 html 有一个标签，其中包含一个
（段落），则浏览器会创建一个 body 节点，并将段落节点作为其子节点。
孩子们：随着你的进步，你就会明白这一点。元素嵌套在另一个元素内。例如，在 html 中，div 标签 () 内的段落标签 (
) 将被视为 div 的子级。
块级元素：随着你的进步，你将了解这个术语。这个术语通常描述元素的特征，即它将占据全部可用宽度。

html代表超文本标记语言

这是 html 文档的基本结构：

<!doctype html>
<html>
  <head>
    <title>html tutorial</title>
  </head>
  <body>
    <p>hello, world!</p>
  </body>
</html>