PART 01从一张真实网页开始理解 HTML、创建文件,并掌握让标记可预测的基本规则。01HTML 到底做什么写出并打开学习主页的第一版。02完整的 HTML 文档结构理解 doctype、html、head、body、语言和编码。03元素、属性与嵌套读懂并写出结构正确的标记。
PART 02把内容表达清楚把普通文字变成有意义的标题、链接、媒体、列表和数据。04标题、段落与文字语义建立可读的大纲,而不是随意放大文字。05链接与文件路径连接页面,并避开新手最常见的路径错误。06图片与图注写出有用的替代文字,并避免图片造成页面跳动。07列表与表格用正确结构表达步骤、分组和真正的二维数据。
PART 03做出真正可用的页面组织页面、收集输入,并让键盘与辅助技术用户都能使用。08语义化页面结构有意识地使用 header、nav、main、article、section、aside 和 footer。09用户能顺利填写的表单连接标签与控件,选择输入类型,并使用浏览器原生验证。10HTML 无障碍基础用键盘测试页面,并修复名称、顺序和地标区域。
PART 04检查并完成作品添加元数据、排查真实错误、验证文档并完成作品。11元数据、验证与调试让浏览器理解页面,并学会定位损坏的标记。12结课项目:完成个人学习主页把整门课组合成一张完整、可检查的 HTML 页面。