HTML 表格

在 HTML 中,一个非常常见的任务是构建表格数据,它有一系列元素和属性专门用于此目的。结合一些用于样式化的CSS,HTML 使得在 Web 上轻松显示信息表格变得非常容易,例如你的学校课程计划、当地游泳池的时间表,或者你最喜欢的恐龙或足球队的统计数据。本模块将引导你了解使用 HTML 构建表格数据所需的所有知识。

先决条件

在开始本模块之前,你应该已经掌握了 HTML 的基础知识 — 请参阅HTML 简介

注意:如果你正在使用一台无法创建自己文件的计算机/平板电脑/其他设备,你可以尝试在在线编码程序(例如JSBinGlitch)中运行(大部分)代码示例。

指南

本模块包含以下文章,它们将引导你了解在 HTML 中创建表格的所有基础知识。

HTML 表格基础

本文将引导你开始使用 HTML 表格,涵盖非常基础的内容,例如行和单元格、标题、使单元格跨越多列和多行,以及如何将一列中的所有单元格组合在一起以进行样式化。

HTML 表格高级功能和可访问性

本文介绍了 HTML 表格的一些更高级的功能 — 例如标题/摘要以及将你的行分组到表格头、主体和脚注部分 — 以及了解表格对视障用户的可访问性。

评估

以下评估将测试你对上述指南中介绍的 HTML 表格技术的理解。

构建行星数据

在我们的表格评估中,我们提供了一些关于我们太阳系中行星的数据,并让你将其构建成一个 HTML 表格。