HTML 教程概览

HTML（HyperText Markup Language，超文本标记语言）是构建网页的标准语言。它不是编程语言，而是一种标记语言——通过标签（tag）来”标记”内容的结构和含义。

可以把 HTML 想象成建筑的骨架：它决定了哪里是标题、哪里是段落、哪里放图片、哪里是导航栏。CSS 负责外观，JavaScript 负责交互，但一切的基础都是 HTML。

学习路线

这份教程按以下顺序展开:

  1. HTML 基础 — 文档结构、元素语法、常用标签（标题、段落、链接、图片、表格、列表）
  2. HTML5 新特性 — 语义化标签、Canvas、SVG、音视频
  3. HTML 表单 — 输入控件、验证、提交

预备知识

开始学习 HTML 之前，你只需要:

  • 会使用电脑和浏览器
  • 有一个文本编辑器（VS Code、Notepad++ 或系统自带的记事本都可以）
  • 不需要任何编程经验

第一段 HTML 代码

创建一个新文件，命名为 index.html，输入以下内容：

html 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <title>我的第一个网页</title>
</head>
<body>
  <h1>你好，世界!</h1>
  <p>欢迎来到 HTML 的世界。</p>
</body>
</html>

保存后在浏览器里打开，你会看到一个标题和一段文字。