已提供依据
课程页的语义导航
这个原创课程介绍页用header、nav、main和footer建立区域，用普通锚点连接“学习目标、练习步骤、参考资料”。源码展示可见焦点与跳到正文链接，页面主体无需脚本即可阅读。
- 源码标识
- NAV-01
- 技术
- HTML / CSS
- 运行方式
- 本地浏览器
- 范围
- 独立学习示例
本站原创教学源码；练习中的昵称、任务和数据为虚构。编号用于本站组织内容，与9.1产品版本没有对应关系。
从能力到可运行任务
本地运行
下载单文件源码，用浏览器打开，再逐步认识file与本地HTTP的差异。
五个练习的核心逻辑没有外部依赖。先解压并打开HTML；涉及模块、跨文件读取或网络请求时，应单独检查运行条件，不能推断所有项目都能双击。
适用读者：第一次编辑网页文件的读者
练习顺序
一步一步确定目标
按本类步骤阅读源码，先确认结构，再操作，再修改。
- 把压缩包解压到可写目录。完成后记录预期与实际结果。
- 用文本编辑器修改一句正文后重新打开。完成后记录预期与实际结果。
- 遇到控制台错误时先核对文件名与运行方式。完成后记录预期与实际结果。
独立源文件
本类可运行示例
以下是本站原创练习，阅读详情了解运行条件和源码路径。
已提供依据
学习计划表单
用昵称、学习主题和时间选择做一份本地学习计划。label明确关联控件，错误说明邻接输入，JavaScript增强生成结果；不会预约、保存到服务器或要求提供真实联系方式。
- 源码标识
- FORM-02
- 技术
- HTML / CSS / JavaScript
- 运行方式
- 本地浏览器
- 范围
- 独立学习示例
本站原创教学源码；练习中的昵称、任务和数据为虚构。编号用于本站组织内容，与9.1产品版本没有对应关系。
已提供依据
带行列标题的任务表
以虚构的网页练习任务为数据，保留caption和th表头。筛选控件增强可见行，读者可对照源码查看scope和数值处理；关闭脚本时仍保留完整初始任务表。
- 源码标识
- TABLE-03
- 技术
- HTML / CSS / JavaScript
- 运行方式
- 本地浏览器
- 范围
- 独立学习示例
本站原创教学源码；练习中的昵称、任务和数据为虚构。编号用于本站组织内容，与9.1产品版本没有对应关系。
已提供依据
练习清单的状态反馈
添加一个虚构练习、标记完成，再重置初始清单。示例把状态变化写成可见文字并用温和通知区域辅助动态阅读。数据只存在当前页面内存里，刷新会回到初始状态。
- 源码标识
- STATE-04
- 技术
- HTML / CSS / JavaScript
- 运行方式
- 本地浏览器
- 范围
- 独立学习示例
本站原创教学源码；练习中的昵称、任务和数据为虚构。编号用于本站组织内容，与9.1产品版本没有对应关系。
已提供依据
公开配置校验与导出
以看板标题、每页任务数和默认筛选作为公开设置，校验后生成JSON文件。固定输出四个字段，输入变化会让旧导出失效；源码没有API请求或凭据，练习重点是输入约束与公开参数的边界。
- 源码标识
- CONFIG-05
- 技术
- HTML / CSS / JavaScript
- 运行方式
- 本地浏览器
- 范围
- 独立学习示例
本站原创教学源码；练习中的昵称、任务和数据为虚构。编号用于本站组织内容，与9.1产品版本没有对应关系。
实现差异
相关实现比较
从运行环境、增强行为和控件选择理解实际差异。
| 比较问题 | 实际差异 | 选择建议 | 阅读详情 |
|---|---|---|---|
| 静态正文与脚本增强 | 先写真实HTML再加交互，逐项判断脚本在五个练习中负责什么。 | 先完成可阅读的静态结构，再为一个清楚的任务添加脚本。练习不需要一开始就引入框架。 | 查看比较 |
| 双击文件与本地HTTP | 比较单文件练习与需要服务器上下文的项目，避免把所有网页都当成可双击运行。 | 先用最少步骤运行本站单文件练习。改造成多文件项目时，再按模块和资源要求建立本地HTTP环境。 | 查看比较 |
| 原生控件与自制交互 | 比较button、select和table与自制交互组件承担的职责，选择能解释清楚的实现。 | 用原生元素建立第一份实现，再为确实需要的行为写最小增强。自制组件的外观不能证明其键盘或辅助技术行为。 | 查看比较 |
先排查这些位置
容易忽略的细节
第一次运行HTML文件，不想先安装整套开发框架。。遇到不同结果时，先确认本地文件、焦点位置和页面状态。
- 直接在压缩包中打开导致修改丢失。
- 将file协议当成有后端的在线服务。
常见问题
关于本地运行的常见问题
继续阅读
相关指南
指南
9.1免费版代码本地运行
准备纯文本编辑器和现代浏览器，下载本站示例ZIP并解压HTML，或把完整源文件TXT另存为UTF-8的.html文件。这里的9.1免费版代码是检索线索，示例不依赖已确认的9.1产品、账号或安装包。
包含 6 个可复现步骤
阅读指南相邻能力