• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 学习 Web 开发
  2. 核心学习模块
  3. 使用 HTML 构建 Web
  4. 测试你的技能：使用 HTML 构建内容
    • English (US)
    • Deutsch
    • 日本語

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

在本文中

  • 按主题测试你的 HTML 技能
  • 参见
  1. 入门模块
  2. 配置环境
    1. 安装基础软件
    2. 浏览互联网
    3. 代码编辑器
    4. 处理文件
    5. 命令行速成课
  3. 你的第一个网站
    1. 你的网站会是什么样子？
    2. HTML 基础
    3. CSS 基础
    4. JavaScript 基础
    5. 发布你的网站
  4. Web 标准
    1. 万维网是如何工作的
    2. Web 和 Web 标准
    3. How browsers load websites
  5. 软性技能
    1. 研究与学习
    2. Collaboration and teamwork
    3. Workflows and processes
    4. Finding a job
  6. 核心模块
  7. 使用 HTML 构建内容
    1. 开始学习 HTML
    2. “头”里有什么——HTML 元信息
    3. HTML 的标题和段落
    4. 强调与重要性
    5. 列表
    6. 文档与网站架构
    7. 文本格式进阶
    8. 创建超链接
    9. 挑战：标记信件
    10. 挑战：构建网页内容
    11. HTML 中的图片
    12. 视频和音频内容
    13. Mozilla 欢迎页面
    14. HTML 表格基础
    15. HTML 表格进阶特性和无障碍
    16. 挑战：构建行星数据表
    17. Forms and buttons
    18. HTML 调试
    19. 测试你的技能：使用 HTML 构建内容
      1. HTML text basics
      2. Links
      3. Images
      4. Audio and video
      5. 测试你的技能：高级 HTML 文本
  8. CSS 样式基础
    1. CSS 如何运行
    2. 让我们开始 CSS 的学习之旅
    3. 挑战：为传记页面添加样式
    4. CSS 选择器
    5. 属性选择器
    6. 伪类和伪元素
    7. 关系选择器
    8. 盒模型
    9. 层叠、优先级与继承
    10. 值和单位
    11. 在 CSS 中调整大小
    12. 背景与边框
    13. 溢出的内容
    14. 图像、媒体和表单元素
    15. 样式化表格
    16. 调试 CSS
    17. 挑战：基本的 CSS 理解
    18. 挑战：创建精美的信纸
    19. 挑战：一个漂亮的盒子
    20. 测试你的技能：CSS 样式基础
      1. 技能测试：背景与边框
      2. Box model
      3. Cascade
      4. 挑战：图片和表格元素
      5. Overflow
      6. 技能测试：选择器
      7. Sizing
      8. Values and units
  9. CSS 文本样式
    1. 基本文本和字体样式
    2. 为列表添加样式
    3. 样式化链接
    4. Web 字体
    5. 挑战：排版社区大学首页
  10. CSS 排版
    1. 介绍 CSS 布局
    2. 浮动
    3. 定位
    4. 弹性盒子
    5. 网格
    6. 响应式设计
    7. 媒体查询入门指南
    8. 挑战：基本布局理解
    9. 技能测试
      1. Flexbox
      2. Floats
      3. 技能测试：网格布局
      4. 技能测试：定位
      5. 响应式网页设计和媒体查询
  11. 使用 JavaScript 动态编码
    1. 什么是 JavaScript？
    2. JavaScript 初体验
    3. 查找并解决 JavaScript 代码的错误
    4. 如何存储你需要的信息——变量
    5. JavaScript 中的基础数学 — 数字和操作符
    6. 文本处理——JavaScript 中的字符串
    7. 有用的字符串方法
    8. 数组
    9. 挑战：笑话生成器
    10. 在代码中做决定——条件语句
    11. 循环吧，代码
    12. 函数——可复用的代码块
    13. 创建你自己的函数
    14. 函数返回值
    15. 事件介绍
    16. 事件冒泡
    17. 挑战：图片库
    18. JavaScript 对象基础
    19. DOM 脚本简介
    20. 从服务器获取数据
    21. 使用 JSON
    22. 处理常见的 JavaScript 问题
    23. 技能测试
      1. Arrays
      2. 技能测试：条件语句
      3. Events
      4. Functions
      5. 测试你的技能：JSON
      6. 技能测试：循环
      7. Math
      8. Objects
      9. Strings
      10. 技能测试：变量
  12. JavaScript 架构和库
    1. 客户端框架介绍
    2. 框架的主要特性
    3. React 入门
    4. 开始我们的 React 待办清单
    5. 组件化我们的 React App
    6. React events and state
    7. React editing, filtering, conditional UI
    8. React accessibility
    9. React resources
  13. 无障碍
    1. 什么是无障碍？
    2. 解决常见的无障碍问题
    3. HTML：无障碍的良好基础
    4. CSS 和 JavaScript 无障碍最佳实践
    5. WAI-ARIA 基础
    6. 多媒体无障碍
    7. 移动端无障碍
    8. 挑战：无障碍疑难解答
    9. 测试你的技能：无障碍
      1. CSS and JavaScript
      2. HTML
      3. WAI-ARIA
  14. 为开发人员设计
  15. 版本控制
  16. 扩展模块
  17. Advanced JavaScript objects
    1. 对象原型
    2. 面向对象编程基本概念
    3. JavaScript 中的类
    4. 实践对象构造
    5. 挑战：为“弹球”示例添加新功能
    6. 技能测试
      1. 技能测试：面向对象的 Javascript
  18. 客户端 Web API
    1. Web API 简介
    2. 视频和音频 API
    3. 绘制图形
    4. 客户端存储
    5. 第三方 API
  19. 异步 JavaScript
    1. 异步 JavaScript 简介
    2. 如何使用 Promise
    3. 如何实现基于 Promise 的 API
    4. worker 简介
    5. 挑战：序列动画
  20. Web 表单
    1. 创建我的第一个表单
    2. 如何构建 HTML 表单
    3. 原生表单部件
    4. HTML5 的输入（input）类型
    5. 其他表单控件
    6. 样式化 Web 表单
    7. 表单样式化进阶
    8. Customizable selects
    9. UI 伪类
    10. 表单数据校验
    11. 发送表单数据
    12. Test your skills
      1. Basic controls
      2. Basic styling
      3. Form structure
      4. Input types
      5. Form validation
      6. Other controls
      7. Advanced styling
  21. 理解客户端工具
    1. 客户端工具概述
    2. 软件包管理基础
    3. 介绍完整的工具链
    4. 部署我们的应用
  22. 服务器端网站编程
    1. 服务端网站编程的第一步
      1. 服务端编程介绍
      2. 客户端服务端交互概述
      3. 服务端 web 框架
      4. 站点安全
    2. Django web 框架（Python）
      1. Django 介绍
      2. 设置 Django 开发环境
      3. Django Tutorial: The Local Library website
      4. Django Tutorial Part 2: 创建网站的地基
      5. Django Tutorial Part 3: 使用模型
      6. Django Tutorial Part 4: Django 管理员站点
      7. Django 教程 5：主页构建
      8. Django 教程 6: 通用列表和详细信息视图
      9. Django 教程 7: 会话框架
      10. Django 教程 8：用户授权与许可
      11. Django 教程 9: 使用表单
      12. Django 教程 10: 测试 Django 网页应用
      13. Django 教程 11：部署 Django 到生产环境
      14. Django Web 应用安全
      15. 评估：DIY Django 微博客
    3. Express web 框架（Node.js）
      1. Express/Node 入门
      2. 设置 Node 开发环境
      3. Express 教程：本地图书馆网站
      4. Express 教程 2：创建站点框架
      5. Express 教程 3：使用数据库 (Mongoose)
      6. Express 教程 4：路由和控制器
      7. Express 教程 5: 呈现图书馆数据
      8. Express 教程 6: 使用表单
      9. Express 教程 7：部署到生产环境
  23. Web 性能
    1. Web 性能的重要性
    2. 什么是 web 性能？
    3. 感知性能
    4. 测量性能
    5. 多媒体：图片
    6. 多媒体：视频
    7. JavaScript 性能优化
    8. HTML 性能优化
    9. CSS 性能优化
    10. web 性能的商业案例
  24. 测试
    1. 跨浏览器测试介绍
    2. 测试的策略
    3. 处理常见的 HTML 和 CSS 问题
    4. 实现特性检测
    5. 自动化测试简介
    6. 搭建自己的自动化测试环境
  25. 更多资源
  26. 如何解决常见问题
    1. 解决常见的 CSS 问题
    2. 使用 HTML 解决常见问题
    3. 解决 JavaSctript 代码的常见问题
    4. 设计与无障碍
    5. 工具和安装
    6. Web 机制
  27. 关于
  28. 面向教育工作者的资源
  29. 更新日志

在本文中

  • 按主题测试你的 HTML 技能
  • 参见

测试你的技能：使用 HTML 构建内容

此页面列出了 HTML 测试，你可以尝试这些测试来验证是否理解了本模块的内容。

按主题测试你的 HTML 技能

测试你的技能：高级 HTML 文本

本技能测试用于评估你是否理解如何使用较少为人知的 HTML 元素来标记高级语义特性。

参见

  • 使用 HTML 构建内容

Help improve MDN

Learn how to contribute.

This page was last modified on 2025年7月4日 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.