HTML 简介 — 什么是网页？
了解HTML是什么，以及网页的基本结构 · 难度：入门 · +10XP
HTML 入门教程
HTML是制作网页的标准语言。通过本教程，你将学会如何从零开始创建自己的网页。
学HTML很容易——你只需要一台电脑和这个教程！
准备工具：用什么写HTML？
写HTML不需要安装任何特殊软件，你只需要一个文本编辑器。
基础编辑器（电脑自带）
| Windows | 记事本（Notepad）—— 开始菜单搜索"记事本"即可 |
|---|---|
| Mac | 文本编辑（TextEdit） |
用记事本写HTML完全没问题！很多程序员都是从记事本开始的。
推荐的专业编辑器（免费）
| 编辑器 | 特点 | 适合人群 |
|---|---|---|
| VS Code | 免费、中文、代码高亮、自动补全、插件丰富 | ⭐ 强烈推荐新手使用 |
| Sublime Text | 轻量、启动快、界面简洁 | 追求速度的开发者 |
| Notepad++ | 小巧、免费、中文支持好 | Windows用户 |
本教程推荐使用 VS Code（全称 Visual Studio Code），它是微软出品的免费编辑器，全球最流行。点击这里下载 VS Code。
第一步：创建你的第一个HTML文件
跟着以下步骤操作：
- 在电脑上新建一个文件夹，命名为
myweb - 打开VS Code（或记事本）
- 把下面的代码原样复制到编辑器中
- 保存文件为
index.html（注意后缀是 .html） - 双击这个文件，它会在浏览器中打开
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>你好，世界！</h1>
<p>这是我创建的第一个网页。</p>
</body>
</html>看到了吗？浏览器显示了一个标题和一段文字！恭喜你创建了人生第一个网页 ????
刚才的代码是什么意思？
我们一行一行来看：
| 代码 | 解释 |
|---|---|
<!DOCTYPE html> | 告诉浏览器"这是一个HTML5网页"。每个网页第一行都要写这个。 |
<html> | 所有网页内容的"根"。整个网页从这里开始。 |
<head> | 网页的"脑袋"——放设置信息，不显示在页面上。 |
<title> | 浏览器标签页上显示的文字。看看你浏览器的标签！ |
<body> | 网页的"身体"——这里写的内容才会显示在页面上。 |
<h1> | 大标题（Heading 1），最大的标题。 |
<p> | 段落（Paragraph），用来写文字。 |
什么是HTML标签？
HTML用标签（tag）来"标记"内容。标签通常成对出现：
<tagname>这是内容</tagname>比如 <h1>你好</h1> —— <h1> 是开始标签，</h1> 是结束标签，中间的"你好"是内容。
整个过程就是：用标签告诉浏览器，这段文字是标题、那段文字是段落。
现在动手试试
- 把
<h1>你好，世界！</h1>改成<h1>欢迎来到我的主页</h1> - 在
<p>标签里写一句自我介绍 - 保存文件，刷新浏览器看看变化
- 试试把
<h1>改成<h2>，看看标题有什么变化
接下来学什么？
你已经学会了：HTML是什么、用什么工具写、怎么创建文件、标签的基本概念。
下一课我们将学习HTML元素——更深入地了解标签的结构和用法。