屏幕快照

介绍

你是否对 Web 开发感兴趣?是否苦于寻找通俗易懂的入门书籍和教程?本应用是一套完全面向零基础初学者的 HTML 教程,相比于枯燥的书本和被动的视频教程,本应用能提供交互式的学习体验——在详尽的讲解中,你可以一键运行示例代码,即时查看代码运行效果;课后包含检验所学知识的测验题,你可以直接作答并查看答案和解析;最后还有拓展所学知识的代码实战题,让你在真实的代码编辑器中将理论转化为实践。

• 从零开始,完全面向零基础初学者
• 详尽的 HTML 知识讲解
• 搭配代码示例,可使用两种方式一键运行:在应用中就地运行,或调用系统浏览器运行
• 提供单选题、多选题和判断题等课后测验,均配有解析,可检验所学知识
• 提供代码实战题,在全功能的代码编辑器中实战所学技能,并配有参考答案代码和解析
• 适配 macOS Mojave 深色模式,深色的界面和代码编辑器伴你“挑灯夜读”

本应用共含 10 章 85 节课程,涵盖了 HTML 基础的方方面面。以下是全部章节目录:

一、初识 HTML
  1. HTML 简介
  2. 元素
  3. 空元素
  4. 虚元素
  5. 属性
  6. 布尔属性
  7. data-* 属性
  8. 元素层次结构
  9. 字符实体
二、全局属性
  1. 快捷访问键 accesskey
  2. 类 class
  3. 可编辑内容 contenteditable
  4. 隐藏 hidden
  5. 唯一标识符 id
  6. 拼写检查 spellcheck
  7. Tab 键次序 tabindex
  8. 工具提示 title
三、HTML 文档
  1. 文档类型 DOCTYPE
  2. 根元素 html
  3. 元数据内容 head
  4. 可见内容 body
  5. 页面标题 title
  6. 元数据 meta
四、文本元素
  1. 链接 a
  2. 缩写 abbr
  3. 加粗 b 与重要 strong
  4. 换行 br 与词内换行建议位置 wbr
  5. 行内代码 code 与键盘输入 kbd
  6. 引用作品标题 cite
  7. 删除 del 与插入 ins
  8. 强调 em 与斜体 i
  9. 突出显示文本 mark
  10. 行内引用 q
  11. 文字注音 rt 与 ruby
  12. 删除线 s
  13. 行内旁注 small
  14. 普通行内元素 span
  15. 下标 sub 与上标 sup
  16. 下划线 u
五、内容元素
  1. 块级引用 blockquote 与段落 p
  2. 普通块级元素 div
  3. 定义列表 dl、dt 与 dd
  4. 插图 figure 与插图标题 figcaption
  5. 水平分割线 hr
  6. 有序列表 ol、无序列表 ul 与列表项 li
  7. 块级代码 pre
六、分节元素
  1. 联系信息 address
  2. 独立文档 article
  3. 块级旁注 aside
  4. 各级标题 h1 ~ h6
  5. 标题组 hgroup
  6. 分节 section
  7. 头部 header 与尾部 footer
  8. 导航 nav
七、表格
  1. 基本表格 table、tr 与 td
  2. 表头单元格 th
  3. 表格结构 thead、tbody 与 tfoot
  4. 合并单元格 colspan 与 rowspan
  5. 表格标题 caption
八、表单
  1. 基本表单 form
  2. 表单按钮 submit 与 reset
  3. HTTP 方法
  4. 字段标签 label
  5. 自动聚焦 autofocus
  6. 禁用 disabled 与只读 readonly
  7. 表单分组 fieldset 与 legend
  8. 必填字段 required
九、字段元素
  1. 单行文本 text
  2. input 按钮 button
  3. 复选框 checkbox
  4. 颜色 color
  5. 日期 date 与时间 time
  6. 邮箱 email 与网址 url
  7. 文件 file
  8. 隐藏数据 hidden
  9. 分区响应图 image
  10. 数值 number
  11. 密码 password
  12. 单选框 radio
  13. 滑动条 range
  14. 下拉列表 select
  15. 多行文本 textarea
十、嵌入内容
  1. 图像 img
  2. 音频 audio 与视频 video
  3. 嵌入页面 iframe