开启你的 HTML 学习之旅
HTML（HyperText Markup Language，超文本标记语言）是构建网页的标准语言。 它不是编程语言，而是一种标记语言，用于描述网页的结构和内容。
想象你要建造一座房子：
没有 HTML，CSS 和 JavaScript 就无处附着。HTML 是网页的根基！
<!-- HTML: 定义结构 -->
<h1>欢迎来到我的网站</h1>
<p>这是一个段落。</p>
<button>点击我</button>
<!-- CSS: 定义样式 -->
<style>
h1 { color: blue; font-size: 24px; }
p { color: gray; }
button { background: green; color: white; }
</style>
<!-- JavaScript: 定义交互 -->
<script>
document.querySelector('button').onclick = function() {
alert('你好！');
};
</script>VS Code 是目前最流行的代码编辑器，免费且功能强大。
推荐安装的扩展：
现代浏览器都内置了强大的开发者工具，按 F12 或 Ctrl+Shift+I 打开。
常用功能：
! 然后按 Tab 键，可以快速生成 HTML 基础模板！
index.html- 分隔about-us.html、contact.htmlAbout Us.html、关于我们.html<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>这是我的第一个 HTML 页面。</p>
</body>
</html><!DOCTYPE html> 是文档类型声明，它告诉浏览器："这是一个 HTML5 文档，请用标准模式渲染"。
如果不写这个声明，浏览器可能会进入怪异模式（Quirks Mode），导致页面显示异常。
它必须位于文件的第一行，前面不能有任何内容（包括空格和注释）。
! 然后按 Tab 键<body> 标签内添加：
<h1>你好，世界！</h1>
<p>我是 [你的名字]，这是我的第一个网页。</p>index.html