跳到主要内容

HTML 表格

本套测试聚焦 HTML 表格(Table)标签及其语义化结构,旨在帮助你掌握如何在网页中清晰、专业地呈现结构化数据。

选择题

在 HTML 中,用于定义一个表格的最外层容器标签是?

表格中的“行”是通过哪个标签来定义的?

想要定义表格顶部的标题单元格(通常文字加粗并居中),应使用哪个标签?

哪个属性用于实现单元格的“跨列”合并(即一个单元格占据多列)?

想要为整个表格添加一个居中的标题,且该标题在语义上归属于该表格,应使用?

在复杂的长表格中,用于包裹表格主体内容区域的语义化标签是?

想要实现单元格的“跨行”合并,应在标签上使用哪个属性?

关于 <thead>、<tbody> 和 <tfoot>,描述正确的是?

如果想要设置单元格内容与边框之间的距离,最标准的做法是?

哪个属性用于合并表格相邻的边框,使其看起来像单线边框?

填空题

表格中最基础的、用于存放数据的普通单元格标签是 <td>
想要定义表格的页眉区域(通常包含表头行),应使用语义化标签 <thead>
想要定义表格的页脚区域(通常包含统计数据或总结),应使用语义化标签 <tfoot>
在 <table> 标签上,可以使用 border="1" 快速开启简易的边框显示。
若一个单元格需要向右合并 3 列,则应设置属性 colspan="3"。
若一个单元格需要向下合并 2 行,则应设置属性 rowspan="2"。
用于调整单元格之间(单元格与单元格)的距离,过时的 HTML 属性是 cellspacing
<caption> 标签必须作为 <table> 的第一个子元素,用于描述表格的主题。
在表格结构中,一个 <tr> 标签内部可以包含多个 <th> 或 <td> 标签。
默认情况下,表格的宽度是根据其 内容 自动撑开的,除非通过 CSS 手动指定。