什么是 HTML
你访问过的每个网站都始于一个用 HTML 编写的纯文本文档。你在页面上看到的标题、段落、按钮、图像和链接都是用这一种语言描述的。在你能给页面添加样式或使其交互之前，你需要描述页面上有什么，而这种描述就是 HTML。
页面只是结构化文本
HTML 代表 HyperText Markup Language（超文本标记语言）。重要的词是**标记**：HTML 是一种将纯文本标记出来的方式，标记哪些是标题、哪些是段落、哪些是链接等等。你不是在给计算机指令来执行。你是在标记内容，以便浏览器知道每一部分是什么以及如何显示它。
可以把它想象成手动格式化一份文档。你圈出标题，给节标题加下划线，在照片周围画一个框。HTML 就是以浏览器能理解的方式来做这种圈、划线的操作。
<h1>欢迎</h1>
<p>这是我第一个网页上的一段文字。</p>两行，两个结构：一个标题和一个段落。浏览器读取标签，将第一行显示为大号加粗字体，第二行显示为普通正文。
元素、标签和属性
大多数 HTML 由**元素**组成。一个元素通常有一个开始标签、一些内容和一个闭合标签：
<p>你好。</p><p> 是开始标签，</p> 是闭合标签（注意斜杠），"你好。" 是中间的内容。它们一起构成一个段落元素。标签是标记；内容是访问者读到的内容。
你还可以用属性给标签额外的信息。一个链接需要知道它指向哪里，所以你用 href 属性告诉它：
<a href="https://scrimba.com">访问 Scrimba</a><p>...</p>。属性放在开始标签中，添加详情，比如链接指向哪里。不用担心记住每个标签。你会在需要的时候一次学几个。 HTML、CSS 和 JavaScript 如何分工
一个完成的网页通常由三种语言构建，每一种都有一个工作：
- HTML 是结构：标题、文本、图像和按钮。
- CSS 是样式：颜色、字体、间距和布局。
- JavaScript 是行为：点击、输入或滚动时发生什么。
一种常见的想象方式：HTML 是房子的墙和房间，CSS 是油漆和家具，JavaScript 是使东西打开的电力。你首先学习墙，因为在结构存在之前，没有什么可以涂漆或布线。
你对完整页面的第一次查看
下面是一个完整的，虽然很小的网页。你将在接下来的章节中正确地了解它的每个部分，所以现在不用担心细节。现在，注意它完全由你已经看到的标签和属性组成：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>我的第一个页面</title>
</head>
<body>
<h1>欢迎</h1>
<p>这是我第一个网页上的一段文字。</p>
</body>
</html>从顶部读起：第一行告诉浏览器这是一个现代 HTML 页面，<html> 包装了一切，<head> 持有像页面标题这样的幕后信息，而 <body> 持有你实际看到的东西。之前的标题和段落在正文中，因为它们是访问者的内容。
<html> 包装一个 <head> 和一个 <body>。head 是幕后信息，body 是人们看到的东西。你将在接下来正确地拆解它，所以现在快速看一下就足够了。