OTK：实用指南

欢迎来到由我们精心构建的文章页面。下面的HTML代码片段演示了怎样构建一个带导航和标题栏的内容区块，可以作为网站正文的基础结构：

在这个示例中，您可以看到：

• 一个水平导航栏，使用 flex 布局

• 每个导航项链接到更下方的内容区块（尽管此处是锚链接）

  一键匹配 👉 点击这里 👈

• 标题使用 <h1> 标签，内容段落使用 <p> 标签

  

• 简单的CSS样式，用于悬停效果和活动链接识别

您可以复制此代码并直接插入到您的HTML文档中，或者作为模板进行扩展。