小伙伴们大家好呀，其实简单想一下代码就像盖房子，一点一点盖起来的，代码亦是如此。好了不废话了接下来我们就对他来一个详细的介绍。
想象你要盖房子：
- HTML = 房子的 骨架（墙、门、窗）
- CSS = 点缀 装修（刷漆、贴壁纸）
- JavaScript = 让房子能实现动态操作（自动门、电灯开关）
今天咱们先搞定骨架（HTML）！
1.<!DOCTYPE html>—— 告诉浏览器当前 HTML 是用什么版本编写的
<!DOCTYPE html>作用：告诉浏览器：“老兄，我是 HTML5 的文档，别搞错了啊！”
不写会怎样？
浏览器会懵：“这啥版本啊？” 然后可能乱排版（比如你的网页突然变成 90 年代风格）。
2.<html>—— 整个网页的“袋子”
<html>
...
</html>就像一个大袋子，所有东西都塞里面。
可以加 lang="zh-CN" 告诉浏览器：“我这网页是中文的！”（对搜索引擎友好）：
<html lang="zh-CN">
3.<head>—— 藏起来的“小秘密”
<head>
<meta charset="utf-8">
<title>我的网页</title>
</head>这里的东西不会显示在页面上，但超级重要！
(1)<meta charset="utf-8">
作用：防止中文变成乱码（比如“你好”变成“”）。
为啥叫 UTF-8？
因为它能装下 全世界文字，甚至 emoji ！
(2)<title>
作用：浏览器标签页上显示的名字（比如你开 10 个网页，就靠它区分）。
偷偷告诉你：Google 搜东西时，这个标题会显示在结果里！
4.<body>—— 真正显示的内容！
<body>
123456
</body>这里写啥，网页就显示啥！
5. 完整例子
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"> <!-- 不写这句，中文会变火星文！ -->
<title>我的沙雕网页</title> <!-- 标签页标题，随便起！ -->
</head>
<body>
欢迎来到我的网页！
</body>
</html>
6. 怎么玩？
- 打开 记事本（别笑，真的可以！）。
- 复制上面代码，保存为 xxx.html（名字随便，比如 1.html）。
- 双击用浏览器打开 —— 恭喜！你的第一个网页诞生了！