HTML
HTML（超文本标记语言）是描述网页内容及其结构的标记语言，浏览器据此识别标题、段落、链接和表单等内容。它解决的是「页面里有什么、各部分是什么关系」的问题，比如让产品介绍页有清晰的标题和内容分区。
你可能会说：「帮我把这个产品介绍页的标题、内容、跳转入口和报名信息组织成浏览器能识别的页面。」
读之前建议先了解
动手看看知识库首页的内容标记
切换内容元素类型，对照上方标签和下方效果。文字没变，HTML 描述的角色变了：它是标题、正文，还是通往另一页的入口。
h2 表示二级标题，用来组织内容分区，不只是把字放大。这里模拟常见的粗体大字；实际外观可由 CSS 调整，标题角色不随字号改变。
源码里的成对标签包住内容，说明这部分是什么。下方是效果示意，当前 CSS 面板展示的是演示样式；HTML 管结构，CSS 管外观。
要点HTML 在网页里负责什么？
- 1
先说明内容是什么
你做一个活动报名页，页面里有活动名称、时间说明和报名入口。HTML 用标记把这些内容组织起来，让浏览器知道哪段是标题、哪段是说明、哪里可以提交信息。
- 2
元素组成页面的结构
HTML 页面由一个个元素组成，元素可以包含文字，也可以包含其他元素。比如报名区域里放提示文字和输入项。结构写清楚后，我们改样式或接入交互时，就更容易找到对应部分。
- 3
选对元素会传递含义
同样是屏幕上的一行字，用标题元素表示栏目名称，和把它当普通段落处理，含义不同。浏览器和辅助技术会利用这些信息，所以让 AI 生成页面时，你可以检查它有没有按内容用途组织结构。
容易混淆的地方
HTML 管页面内容和结构，CSS 管颜色、间距等呈现方式，JavaScript 管点击后更新内容、校验输入等行为。比如报名按钮放在哪里、它是不是按钮，属于 HTML 的结构问题；按钮长什么样看 CSS；点击后怎样处理报名数据，还需要程序逻辑。
什么时候用
适合用
- 做产品官网或帮助中心页面时，用 HTML 组织标题、正文、链接和图片，让内容能在浏览器中呈现。
- 做后台管理界面时，用 HTML 搭起筛选区、数据表格和操作入口，再配合样式与程序逻辑。
- 让 AI Agent 修改网页时，明确指出要调整 HTML 的内容结构，而不是只改视觉样式。
不适合用
- 只需要给手机原生应用构建界面时，通常使用对应平台的界面技术，而不是把 HTML 当作默认方案。
- 后端只需向客户端返回结构化数据时，通常返回 JSON；不必为了传输数据生成 HTML 页面。
- 只是在设计工具里制作一张静态宣传图时，用图像或设计文件更合适，除非它还要成为网页。
练一练选一个答案，看看解释
你让 AI Agent 做一个活动报名网页：页面要有活动介绍、姓名输入项和提交入口，还要在提交后显示结果。下面哪种分工最合理？
让 AI 帮你做复制给 AI Agent 直接用
请为活动报名页编写 HTML，清楚组织页面标题、活动说明、姓名输入项和提交入口。根据内容用途选择元素；样式与提交处理先分开，不要把页面结构误当作完整的报名功能。