从零认识 HTML：搭建你的第一个网页

01HTML 负责组织内容

HTML 使用标签描述网页内容的结构。标题、段落、链接和列表都具有各自的语义。浏览器读取这些标记后，会将内容呈现在页面上。初学时先关注结构是否准确，再通过 CSS 调整外观。

02创建一个完整的页面

新建 index.html 文件。DOCTYPE 声明文档类型，head 存放编码、标题和视口信息，body 存放用户能看到的内容。保存后，直接用浏览器打开这个文件即可查看结果。

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>我的第一个网页</title>
  </head>
  <body>
    <main>
      <h1>你好，网页</h1>
      <p>这是我的第一段内容。</p>
    </main>
  </body>
</html>

03使用合适的语义标签

一个页面通常有一个描述主题的 h1，各章节再使用 h2。导航使用 nav，独立文章使用 article，主要内容使用 main。链接使用 a 标签并填写 href，按钮使用 button。准确的语义有助于阅读，也方便辅助技术理解页面。

04动手练习

把页面改成一张个人学习卡片：包含一个标题、一段自我介绍、一个学习目标列表，以及一个指向其他页面的链接。检查浏览器标签页的标题是否正确，并尝试缩小窗口观察内容。