在线 HTML 表格生成与导出器

在线 HTML 表格生成器

<table>
  <thead>
    <tr>
      <th>套餐</th>
      <th>价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>基础版</td>
      <td>¥30</td>
    </tr>
  </tbody>
</table>

如何在线创建 HTML 表格

1. 点击生成表格，输入行数和列数，点击生成。
2. 在表格编辑器中修改表头并填写数据，可使用添加行、添加列、排序、转置等操作。
3. 输出格式保持 HTML，代码会随编辑实时更新。
4. 点击复制粘贴到页面中，或点击下载保存为 table.html。

已有数据时，把 CSV、Markdown 表格、JSON 或 YAML 粘贴到输入区（或上传 .csv、.xlsx、.xls），并选择对应的输入格式即可。

用 CSS 美化表格

输出刻意不带样式，可以参考这段最简样式：

table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
thead th { background: #f5f5f5; }

用于 HTML 邮件时，由于各邮件客户端对 <style> 的支持程度不同，通常会把样式内联写在 <table>、<th>、<td> 上。各客户端的 CSS 支持情况可查询 Can I email。

提升表格可访问性

• 在 <table> 后添加 <caption> 说明表格内容（MDN：caption）
• 给表头单元格加 scope="col"，让读屏软件能播报数据所属的列，参见 W3C WAI 表格教程
• 表格只用于展示表格数据，不要用于页面布局

常见问题

Q: 不写代码怎样生成 HTML 表格？

点击生成表格选择行列数，在网格中填写内容，复制 HTML 输出即可，<table>、<thead>、<tbody>、<tr>、<th>、<td> 等标签都会自动生成。

Q: 可以把 CSV 或 Excel 转成 HTML 表格吗？

可以。把 CSV（或 Markdown 表格、JSON、YAML）粘贴到输入区，或上传 .xlsx / .xls 文件，第一行会成为 <thead> 中的表头。

Q: 生成的表格带 CSS 吗？

不带。代码不含样式，会继承你网站的 CSS；如果用于邮件，请自行添加内联样式。

Q: 特殊字符会被正确处理吗？

会。单元格中的 &、<、>、" 会转换为 HTML 实体，例如 <b> 会按原样显示为文本而不会被当作标签。如果需要在单元格里放真正的 HTML，请在复制后手动修改。

Q: 能合并单元格（colspan / rowspan）吗？

编辑器暂不支持，生成的是规则网格。可以在复制后的代码中手动添加 colspan 或 rowspan 属性，用法见 WHATWG HTML 规范。

Q: 数据会上传吗？

不会。HTML 在浏览器本地生成，数据不离开你的设备。