▦
HTML 表格生成器
设定行列数可视化编辑单元格，一键生成规范的 HTML 表格代码。
本地处理 · 不上传
加载工具中…
相关：表格 · table · html · 生成 · 行列
HTML 表格生成器按设定的行列数生成表格代码，可填入内容、设置表头与对齐方式，输出带基础样式的完整 HTML。
使用步骤
- 设置行列数量
- 填写单元格内容
- 选择表头与样式选项
- 复制生成的 HTML
使用场景
- 快速生成规整的表格结构
- 为邮件模板制作表格布局
- 准备文档中的数据表
- 生成表格骨架再填充数据
小贴士
- 表头要用 th 而非加粗的 td，屏幕阅读器依靠它建立单元格与表头的关联，这直接决定了表格对视障用户是否可读。
- 给表格加 caption 元素说明内容，比在表格外写标题更规范，也能被辅助技术正确关联。
- 复杂表格应使用 scope 属性标明表头的作用范围（行或列），这是无障碍表格的关键。
常见问题
th 和 td 有什么区别？
th 是表头单元格，td 是数据单元格。除了默认的加粗居中样式，更重要的是屏幕阅读器会用 th 的内容来播报每个数据格的含义。
表格能用来做布局吗？
不该用。CSS 的 Flex 和 Grid 是布局的正确工具。唯一的例外是 HTML 邮件——邮件客户端对现代 CSS 支持极差，至今仍需要表格布局。
怎么让表格在手机上不溢出？
给表格包一层 `overflow-x: auto` 的容器，让它自己横向滚动。切忌让整个页面横向滚动，那会破坏所有内容的阅读。
HTML 表格生成器是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用HTML 表格生成器，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。