第3话：第一块砖 - HTML 漫画大冒险

1. HTML 的标准骨架

每一个标准的 HTML 页面，都长得像下面这个样子。你可以把它想象成是一个人的身体结构。

            <!-- 1. 声明：告诉浏览器这是 HTML5 -->

            <!DOCTYPE html>

            <!-- 2. 根元素：整个网页的祖宗 -->

            <html>

              <!-- 3. 头部：大脑区域（用户看不见，给机器看的） -->

              <head>

                <meta charset="utf-8">

                <title>我的第一个网页</title>

              </head>

              <!-- 4. 身体：展示区域（用户看得到的内容都在这） -->

              <body>

                <h1>你好，世界！</h1>

                <p>这是我的第一个网页，泰裤辣！</p>

              </body>

            </html>

2. 结构解剖学

<html> (房子)

<head> (阁楼/配电房)

<body> (客厅/展示厅)

<!DOCTYPE html>: 这不是标签，这是“施工许可证”。它告诉浏览器：“我们要用最新的 HTML5 标准来盖房子，别用那套老掉牙的规则。”

<html>: 根元素。所有的东西都必须包在这里面（除了上面的许可证）。

<head>: 头部。这里放的是网页的元数据。比如网页标题（title）、字符编码（charset）。这些东西不会直接显示在页面内容里，但非常重要。就像人的思想。

<body>: 身体。所有你希望用户看到的东西（图片、文字、视频）都必须写在这里面。

3. 动手试一试

打开你的 VS Code，新建一个文件叫 index.html。

输入一个感叹号 !，然后按下 Tab 键。

见证奇迹的时刻！ VS Code 会自动帮你生成上面那一大坨骨架代码。这就是为什么要用神器的原因。

(如果图不动，请脑补：这简直是魔法！)