返回全部路线
网页基础
HTML5
从语义化文档结构开始,逐步学习表单、媒体、可访问性与浏览器 API。
22
已归档课程
更新至 2026.09.30
课程目录
按顺序学习,也可以直接搜索
22 节课程
- 第 1 课文档结构与语义标签HTML 描述网页内容的结构。清晰的语义标签能帮助浏览器、搜索引擎和辅助技术理解页面。2026.08.31
- 第 2 课链接与图片链接连接页面和资源,图片提供视觉信息,替代文本改善可访问性。2026.09.01
- 第 3 课有序与无序列表表达材料清单和有先后关系的操作步骤。2026.09.02
- 第 4 课label与文本输入框为学习计划建立一个可识别、可聚焦的文本输入字段。2026.09.03
- 第 5 课form与按钮类型把输入字段组成可提交的练习表单。2026.09.04
- 第 6 课input类型与基础校验在提交前检查常见输入格式。2026.09.07
- 第 7 课select下拉选择让用户从有限选项中选择每日练习时长。2026.09.08
- 第 8 课checkbox多项选择让用户从多个互不排斥的学习主题中选择任意多项。2026.09.09
- 第 9 课label关联表单控件让字段名称可点击,并帮助辅助技术识别控件。2026.09.10
- 第 10 课required必填校验在提交前阻止空的必填字段。2026.09.11
- 第 11 课label关联表单控件扩大输入框的可点击区域,并让辅助技术读出字段名称。2026.09.14
- 第 12 课pattern约束输入格式让课程代码按指定格式通过浏览器原生校验。2026.09.15
- 第 13 课setCustomValidity自定义提示为 pattern 失败提供更清楚的错误说明。2026.09.16
- 第 14 课checkValidity触发表单校验在提交前用浏览器约束校验判断表单是否有效。2026.09.17
- 第 15 课input时清除自定义消息用户重新编辑后立即清除上一次业务校验消息。2026.09.18
- 第 16 课提交时报告输入错误在表单提交前让浏览器显示校验提示。2026.09.21
- 第 17 课为时长字段指定提交名称让通过校验的时长值作为表单数据提交。2026.09.22
- 第 18 课关联输入框与校验说明让浏览器约束校验中的时长输入框与页面上的范围说明形成可识别的关联。2026.09.23
- 第 19 课提交失败时标记输入错误校验失败后让辅助技术知道时长字段处于错误状态。2026.09.24
- 第 20 课关联输入错误详情无效提交时,把时长输入框与页面内的具体错误文字关联。2026.09.28
- 第 21 课有效提交后追加练习记录校验通过后把本次练习追加到页面列表。2026.09.29
- 第 22 课追加记录后重置表单有效提交并追加记录后清空输入,准备下一次录入。2026.09.30