四个页面已经有了骨架，但正文还很空。这一章我们先完成首页的文字结构。重点不是让文字变大或变粗，而是用合适的标签说明每段内容是什么。
HTML 提供 <h1> 到 <h6> 六级标题。数字表示层级，不是字号选择器。
<h1>城市漫游指南</h1>
<h2>本周推荐</h2>
<h3>运河慢行线</h3>
<h3>老街寻味线</h3>
<h2>出发前须知</h2>这段结构说明“本周推荐”和“出发前须知”是页面的两个主要部分，两条路线属于“本周推荐”。不要为了想要更小的字而从 h2 跳到 h5，外观以后交给 CSS。
每个页面通常只有一个能概括全页主题的 <h1>。后续标题按内容关系递进。
普通正文用 <p>。每个段落表达一个主要意思：
<p>这是一份为周末步行准备的城市指南。路线不追求打卡数量，而是把相邻地点串成真正能走完的一天。</p>
<p>第一次参加可以选择运河慢行线。全程约 4 公里，中途有两处休息点。</p>源代码里的连续空格和换行，通常会在页面上合并成一个空格。不要用大量空格把文字推到某个位置，也不要用很多 <br> 制造段落间距。
如果一段文字内部确实需要换行，例如地址或诗句，可以使用 <br>：
<address>
集合点：运河游客中心<br>
地址：桥西直街 1 号<br>
联系邮箱：walk@example.com
</address><strong> 表示内容重要，<em> 表示语气强调：
<p><strong>请在出发前一天完成报名。</strong></p>
<p>路线以步行为主，建议穿一双<em>真正适合长时间行走</em>的鞋。</p>浏览器默认会把 strong 显示为粗体，把 em 显示为斜体，但语义比默认外观更重要。仅为了视觉效果不要随意滥用它们。
<mark> 适合标出与当前语境有关的内容：
<p>本周临时调整：<mark>老街东入口施工，请从南门进入。</mark></p>短引用可以放进 <q>，较长且独立成段的引用使用 <blockquote>：
<blockquote cite="https://example.com/interview">
<p>慢下来以后，熟悉的街道会重新变得具体。</p>
</blockquote>机器可读的日期适合用 <time>：
<p>下次活动时间：<time datetime="2026-08-16T09:00">8 月 16 日上午 9 点</time></p>缩写第一次出现时，可以用 <abbr> 给出完整解释：
<p><abbr title="Global Positioning System">GPS</abbr> 信号在窄巷中可能不稳定。</p>先只替换 index.html 的 <body>。我们还没学导航和语义区块，所以这里保持简单：
<body>
<h1>城市漫游指南</h1>
<p>用一天时间，重新认识你生活的城市。</p>
<h2>本周推荐</h2>
<h3>运河慢行线</h3>
<p>从游客中心出发，沿河走到旧码头。全程约 4 公里，适合第一次参加的人。</p>
<p><strong>集合时间：</strong><time datetime="2026-08-16T09:00">8 月 16 日上午 9 点</time></
保存并刷新。然后打开浏览器开发者工具的“元素”面板，展开 body。你看到的是浏览器根据 HTML 构建的文档树，标题之间的父子关系会直接影响这棵树的结构。
下一章我们会让四个页面彼此连接，并把图片放进正确的目录。届时首页就不再是一座孤岛。