打开一个网页，你可能看到标题、介绍文字和链接。浏览器并不是拿到一张排版好的图片，而是读取描述内容的文件，再把它显示出来。HTML（HyperText Markup Language，超文本标记语言）就是用来描述网页内容及其结构的语言。“超文本”表示文字可以通过链接连接其他内容；“标记”表示我们会给内容加上标签，告诉浏览器它是什么。
从一句话开始
假设你想做一个读书社团的网页，第一句话是“欢迎来到读书社”。只写这句话，浏览器不知道你希望它是标题还是普通介绍。我们可以在前后加上一对标记：
<h1>欢迎来到读书社</h1><h1> 表示一级标题的开始，</h1> 表示结束，中间是读者会看到的文字。这里的 h 来自 heading（标题），数字 1 表示标题层级。尖括号里的部分通常不会作为文字显示；浏览器会根据它们识别内容。接着写一段介绍，可以使用 p，它来自 paragraph（段落）：
<h1>欢迎来到读书社</h1>
<p>我们每周一起读一本书。</p>从上往下读这段代码：先有一个标题，再有一段正文。默认情况下，标题较大、段落另起一块，这些初始外观由浏览器提供，不需要你先学习样式代码。本节先认识这两个标签，下一节再拆开解释标签和元素。
HTML、CSS、JavaScript 各负责什么
HTML 负责内容和结构，例如“这里是一段介绍”。CSS 负责外观，例如“介绍使用绿色文字”。JavaScript 负责通过程序控制行为，例如“点击后更换介绍内容”。本课程先学习 HTML，再学习 CSS，最后学习 JavaScript。现在不需要写另外两种语言，也不需要先学 Python 或 Java。
如何看到自己的网页
先在下面的 Lab 中切换“普通文字”和“标题与段落”，观察相同内容如何变化，然后修改文字。Lab 中展示的是完整 HTML 文件；现在只需编辑 body 中的句子，文件外层结构会在本章第三节讲解。
在电脑上练习时，用纯文本编辑器创建 index.html，粘贴完整代码，以 UTF-8 保存，再用浏览器打开。确认文件实际名称没有变成 index.html.txt。修改后先保存文件，再刷新浏览器。无需联网，也无需安装网站服务器，就能打开这个简单页面。
页面实验：什么是 HTML
先切换对照示例，再按照观察提示修改一处 HTML，比较源码与真实页面。示例中的英文短句可以替换成自己的文字。
两行源码通常显示在同一行，浏览器还不知道内容的角色。
预览保留浏览器默认的标题、段落和表单外观。示例切换会替换编辑内容；重置实验可恢复初始状态。可点击页内链接、输入文字和选择选项；此练习预览不提交数据、不运行脚本。要在本机尝试，将完整代码保存为 index.html 后用浏览器打开。
知识测验
动手编写：什么是 HTML
新建 index.html，按照下面的要求编写完整页面；保存并用浏览器打开，边操作边检查结果。参考答案是一种实现，文字内容可以不同。
- 把示例改成你自己的兴趣小组首页，使用一个 h1 写小组名称。
- 用一个 p 写一句活动介绍，保存后确认页面中没有显示尖括号标签。