HTML 表格

在 HTML 中一个很普通的任务是构建表格数据,有大量的元素和属性是来满足这种需求的。只需要一点儿的 CSS 来设定风格,HTML 让在 web 上显示表格数据变的很容易,例如你的学校的教学计划,你当地的游泳馆的时刻表,或者是关于你最爱的恐龙或足球队的统计数据。这个模块会教给你所有你需要知道的关于用 HTML 构建表格数据的知识。

想要成为一名前端工程师?

我们汇总了一门课程,其中包含你实现成为前端工程师目标所需要的所有基本信息。

从这儿开始

预备知识

在你开始本模块之前,你应该已经掌握了关于 HTML 的基础知识,就是之前在 HTML 简介中所述内容。如果你还没有看过那个模块(或者类似的),先去看看,然后再回来吧!

备注: 如果你正在一台你不能创建文件的设备上作业,那么你需要在在线编程工具上运行(大多数)代码示例,如 JSBinGlitch 等。

指南

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

HTML 表格基础

本文将帮助你学习如何使用 HTML 格式,包括如行、列、表头、跨列的行或跨行的列等基本特性,以及如何将多行进行分组进行样式化。

HTML 表格高级功能与无障碍

在本模块第二篇文章中,我们将了解一些 HTML 表格的高级功能——比如表名称/表摘要,因为无障碍的原因,将表格内容划分为表头、主体以及脚部等章节。

测验

构造行星的数据结构

在表格的测验中,我们向你提供了一些在我们太阳系的行星的数据,不妨你把它构造成一个 HTML 的表格吧。