🎉 第零课：HTML 入门

欢迎来到编程世界！今天你会学到 HTML——所有网页的基础。

HTML = HyperText Markup Language（超文本标记语言）

简单理解：HTML 就像搭积木，用不同的"标签"来告诉浏览器"这里放什么"。

📝 1. HTML 的基本结构

每个网页都有这样的骨架：

<!DOCTYPE html> — 告诉浏览器"我是网页"

<html> — 整个网页的容器

<head> — 网页的设置信息（标题、编码等）

<body> — 网页的可见内容，全写在这里面

🔤 2. 常用标签 — 这些你会天天用

标题：<h1> 到 <h6>

这是一级标题 h1

这是二级标题 h2

这是三级标题 h3

段落：<p>

这是一个段落。段落之间会自动换行。你可以写很多文字。

链接：<a>

点我去百度 ← 这是用 <a> 标签做的链接

图片：<img>

示例图片

列表：<ul> 和 <ol>

无序列表（带圆点）：

有序列表（带数字）：

  1. 打开电脑
  2. 写代码
  3. 看效果

🛠️ 3. 动手试一试！

在你电脑上操作：

  1. 在 C:\Users\HP\lesson1\ 目录下找到 index.html
  2. 右键 → 打开方式 → 选择浏览器（推荐 Chrome 或 Edge）
  3. 你应该能看到这个页面！
✏️ 小练习：
用记事本打开 index.html，找到下面这行，把名字改成你自己的，然后保存、刷新浏览器看看变化：

<h1>🎉 第一课：HTML 入门</h1>

📋 4. 今日总结

标签 作用 示例
<h1> 大标题 <h1>你好</h1>
<p> 段落 <p>一段文字</p>
<a> 超链接 <a href="网址">点我</a>
<img> 图片 <img src="图片地址">
<ul>/<li> 无序列表 <ul><li>项</li></ul>

✅ 下一步？

告诉我 "下一课"，我们学习 CSS，让你的网页变漂亮！

或者告诉我你想做一个什么样的网页，我们一起动手做 🚀