欢迎来到布局章节：掌握表格！
你好！本章将带你深入了解表格——这是 ICT 中用于组织数据以及控制文档和网页布局的核心工具。无论你是要编写专业的报告还是设计网页，表格都能帮你清晰、精确地结构化内容。你可以把表格想象成一个井井有条的文件夹，专门用来存放你的信息！
如果有时觉得表格有些复杂，不用担心。通过拆解结构和学习简单的 HTML 标签，你很快就能成为表格高手！
1. 理解表格结构：基础知识
1.1 什么是表格？
表格本质上是一个网格结构，通过行（rows）和列（columns）逻辑化地排列信息。
- 行（Row）：表格的水平部分。（想象躺着的样子——行是从一边到另一边的）。
- 列（Column）：表格的垂直部分。（想象高耸的柱子——列是上下方向的）。
- 单元格（Cell）：表格的最小单位；行与列的交汇处。这就是你放置数据的地方！
小贴士：你可以通过行数乘以列数来计算单元格的总数。（例如：5 行 x 3 列 = 15 个单元格）。
1.2 创建表格（在文档和 HTML 中）
在任何应用程序（如文字处理软件或网页编辑器）中，第一步都是指定你所需的行数和列数。
在文档排版中（大纲 13.2）
在使用 Microsoft Word 或排版（DTP）软件工作时，通常通过“插入表格”对话框来定义：
- 行数（水平）。
- 列数（垂直）。
在网页制作中（HTML - 大纲 21.2）
在 HTML（内容层）中创建表格时，需要使用特定的标签：
主要结构包含以下标签：
<table>： 定义整个表格的开始和结束。<tr>： 定义表格行（Table Row）。<td>： 定义表格数据单元格（Table Data cell）（普通单元格）。<th>： 定义表格标题单元格（Table Header cell）（通常文本显示为加粗并居中）。
记忆口诀（HTML）：
T-R-D：Table（表格）、Row（行）、Data（数据）。它们必须按这个顺序书写！
核心要点： 表格是由行和列组成的网格，无论是对于文档制作还是网页设计，它都是结构化内容的必备工具。
2. 编辑与操作表格内容
在实践考试中，你必须能够在创建表格后对其结构进行修改。
2.1 编辑行与列
你需要掌握编辑表格及其内容的能力，包括：
- 插入行或列： 为数据增加新的存储空间。
- 删除行或列： 移除不需要的部分。
- 在表格中放置文本或对象： 在单元格中填入文本、数字或图片、图表、电子表格提取数据等其他元素（大纲 13.1 和 13.2）。
2.2 合并单元格（Spanning）
合并单元格是指将两个或多个相邻的单元格组合成一个大的单元格。当你需要一个标题跨越多列，或者反之需要一个单元格跨越多行时，这非常有用。
在文档排版中（大纲 13.2）
在文字处理软件中，通常选中你想要合并的单元格，然后选择“合并单元格”选项即可。
在网页制作中（HTML - 大纲 21.2）
在 HTML 中，合并是通过在 <td> 或 <th> 标签内添加特殊的属性来实现的：
colspan： 指定一个单元格应横跨的列数。rowspan： 指定一个单元格应向下跨越的行数。
示例：如果你的标题需要横跨 3 列，代码应写为：<th colspan="3">月度销售报告</th>
类比： 想象一下安排座位。如果你使用 colspan="2"，相当于给一个人两个并排的座位。如果你使用 rowspan="2"，那个人占有一个座位，但空间向下延伸到了下一行。
避免常见的错误： 使用 colspan 或 rowspan 时，一定要记得删除该行中多余的 <td> 标签，否则表格结构会乱掉！
核心要点： 使用合并（跨行跨列）来创建非常规的表格形状，并确保标题在对应的列数据上方准确对齐。
3. 表格的格式化与呈现
格式化能确保表格的可读性和专业感。这包括调整大小、对齐内容以及控制边框的显示。
3.1 控制尺寸（文档和网页）
在文档排版中（大纲 13.2）
你必须能够：
- 调整行高： 让行变得更高。
- 调整列宽： 让列变得更宽或更窄。
在网页制作中（HTML - 大纲 21.2）
指定表格和单元格大小时，使用以下两种测量方式之一：
- 像素（
px）： 固定测量值（例如：width="600" 或 width="600px"）。 - 百分比（
%）： 基于窗口大小的相对测量值（例如：width="80%"）。这对于响应式设计通常效果更好。
你知道吗？ 为表格宽度设置百分比（如 80%）意味着当用户调整浏览器窗口大小时，表格会自动重新调整大小！
3.2 内容对齐
数据对齐对可读性至关重要，特别是数字。
- 水平对齐（
align）： 控制左右位置。- 左对齐（文本的默认设置）
- 右对齐（数字/货币的默认设置）
- 居中对齐
- 两端对齐（文本均匀分布在两边）
- 垂直对齐（
valign）： 控制单元格内的上下位置。- 顶端对齐
- 中间对齐
- 底端对齐
3.3 外观与可读性
你必须能够调整文档中的以下特性，以及网页（通过样式）中的外观：
1. 显示/隐藏网格线和边框：
- 在文档中： 你可以选择显示网格线（编辑时很有用）或隐藏网格线（通常用于正式的打印文档，既保留结构又不显示线条）。
- 在 HTML 中： 边框通常使用 CSS（层叠样式表，在第 21.3 节涉及）进行处理。你可能需要确保边框是可见/不可见或合并（collapsed）的（大纲 21.3）。
2. 文本换行（仅限文档 - 大纲 13.2）：
你需要能够在单元格内进行文本换行。如果文本字符串对于单元格宽度来说太长，文本会自动在该单元格内换行到下一行。
3. 底纹/颜色：
添加底纹或单元格颜色可以突出关键数据（如标题或总计），从而获得更好的视觉呈现。这在文档和网页中都很常见（HTML 中使用 bgcolor 属性，或者更推荐使用 CSS）。
4. 表格周围的文字环绕（大纲 13.1）
当你向文档（非网页）中插入表格时，通常需要控制文字如何围绕表格流动。你应该能够对表格、图表或图片应用不同的文字环绕选项，包括：
- 上下型： 文字在表格之前停止，并在表格之后继续开始。
- 方形： 文字在表格周围形成一个方形边框。
- 紧密型： 文字紧贴表格的轮廓进行环绕。
核心要点： 格式化涉及对对齐（水平和垂直）、尺寸（像素或百分比）以及边框和阴影等视觉元素的精确控制，以实现最大的清晰度。
快速回顾清单：表格（13.2 & 21.2）
为了通过表格实践考试，请确保你能够自信地完成以下操作：
结构与编辑：
- 创建一个指定行数和列数的表格。
- 插入和删除行与列。
- 合并单元格（或在 HTML 中使用
colspan/rowspan）。
格式化与外观：
- 调整行高和列宽（在文档中）或使用像素/%值（在 HTML 中）。
- 设置水平单元格对齐（左、右、居中、两端对齐）。
- 设置垂直单元格对齐（顶、中、底）。
- 为特定单元格应用底纹/颜色。
- 显示或隐藏网格线/边框。
- 在文档中，设置表格的文字环绕（方形、紧密、上下型）。