写了却看不到表格，是因为缺少必需的行标签和/单元格标签；浏览器只解析合法嵌套结构，空表格或文字直塞内均无效。
直接用 <table> 标签就能定义表格，但光写 <code><table> 不会显示任何内容——必须嵌套 <code><tr> 和 <code><td> 或 <code><th>，否则浏览器会忽略它。
<h3>为什么写了 </h3>
<table> 却看不到表格？
<p>常见错误是只写 <code><table></table>，或者把文字直接塞进 <table> 里，比如：<code><table>姓名 年龄</table>。浏览器不认这个，它只解析合法嵌套：必须有 <tr> 行，行里必须有 <code><td> 或 <code><th> 单元格。
<ul><li>哪怕只有一行数据，也得包一层 <code><tr><li><code><thead>、<code><tbody> 可选，但 <code><tr> 不可省
<li>检查开发者工具里，<code><tr> 和 <code><td> 是否被当成文本节点（说明结构错了）
<h3>如何快速写出一个能渲染的最小表格？</h3>
<p>最简可用结构就三行标签，不用任何 CSS 也能显示：</p>
<pre class="brush:php;toolbar:false;">
</pre>
<table>
<tr>
<th>姓名</th>
<th>城市</th>
</tr>
<tr>
<td>张三</td>
<td>北京</td>
</tr>
</table>
<p>注意点：</p>
<ul><li><code><th> 用于表头，语义清晰且默认加粗居中；<code><td> 用于数据，无默认样式
<li>同一行里混用 <code><th> 和 <code><td> 虽然语法合法，但会破坏语义，影响屏幕阅读器识别
<li>别用 <code>border 属性（如 border="1"），已废弃，统一用 CSS 的 border 和 border-collapse: collapse
colspan 和 rowspan 合并单元格时容易错在哪？
合并不是“多占一个位置”那么简单，它会真实改变该行/列的单元格计数。例如：
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
<tr> <td colspan="2">合并两列</td> <td>第三列</td> </tr>
这行实际占了 3 列（2 + 1），如果其他行只有两个 <td>，表格就会错位。
<ul>
<li>
<code>colspan 和 rowspan 的值是整数，不是像素或百分比
rowspan="3"，那它下方两行对应列的位置必须留空（不放 <td>），否则结构塌陷
<li>调试技巧：临时给所有 <code><th>、<code><td> 加 <code>style="border:1px solid #000;"，一眼看出是否对齐
表格没边框是不是结构错了？
不是。HTML 表格默认无边框、无内边距、无间距，单元格紧贴在一起，看起来像乱码，但结构可能完全正确。
- 这是纯样式问题，不是 HTML 错误
- 响应式场景下，小屏易横向溢出，最简方案是外层套
<div style="overflow-x: auto;">，再给 <code><table> 加 <code>min-width - 避免给
<td> 设固定 <code>width，优先用white-space: nowrap或text-overflow: ellipsis控制内容真正容易被忽略的是：表格语义和可访问性。比如漏掉
<caption></caption>、滥用<th scope="row">、或把表格当布局工具用——这些不会让页面“坏掉”，但会让数据难读、难维护、难适配。</th>
