# HTML 表格转 Excel 教程：网页表格一键导出，还能自定义文件名
> 来源：工具派（https://gjupai.com） 原文页面：https://gjupai.com/tutorial/html-table-to-excel-guide
## 工具简介：网页表格怎么搬到 Excel 里？
经常遇到这样的场景：网页上有一张数据表格（报表、排行榜、价格表），想保存下来分析，复制粘贴到 Excel 却格式全乱、挤成一团。其实只要拿到表格的 HTML 代码（table 标签），就能完整保留行列结构导出成标准 Excel 文件。
工具派 HTML 表格转 Excel 工具做的就是这件事：粘贴 table 代码，右侧实时预览解析结果，一键导出 .xlsx 或 .csv。整个过程在浏览器本地完成，数据不上传服务器。
## 第一步：粘贴 HTML 表格代码
在左侧「HTML 表格代码」文本框粘贴以 table 标签包裹的表格代码。获取代码的方法：在网页表格上右键 → 检查（F12）→ 在元素面板找到 table 节点 → 右键 Copy → Copy outerHTML。
手头没有现成代码？点击「加载示例」按钮，工具会填入一份「姓名、年龄、城市」的示例表格，右侧预览区立即显示解析后的三行数据，可以先拿它练手。如果代码里没有 thead 表头，工具会把第一行当数据处理，导出前注意核对预览。
## 第二步：设置文件名，导出 Excel
## 参数说明：两个控件怎么用
| 控件 | 说明 | 备注 |
| --- | --- | --- |
| 文件名 | 自定义导出文件的名称，支持中文（如「员工名单」） | 不填则使用默认文件名 |
| 导出 Excel | 下载标准 .xlsx 文件 | Excel、WPS 直接打开编辑 |
| 导出 CSV | 下载 .csv 文件 | 自带 UTF-8 BOM，Excel 双击打开中文不乱码 |
| 加载示例 / 清空 | 填入示例代码 / 清空输入区 | 练手或重新开始 |
实测把文件名设为「员工名单」后导出，下载的正是 员工名单.xlsx，打开后「姓名、年龄、城市」三列表头加三行数据完整无缺，中文表头正常显示。
## 第三步：也可以导出 CSV
如果后续要导入数据库、用 pandas 分析，CSV 格式更方便。点击「导出 CSV」下载的同样是自定义文件名（员工名单.csv），文件带 UTF-8 BOM 头，Windows 版 Excel 双击打开中文不会乱码，字段统一加引号包裹，逗号、换行等特殊字符也不会错位。
## 常见问题
**Q：怎么拿到网页表格的 HTML 代码？**
在表格上按 F12 打开开发者工具，用左上角的选择器点一下表格，元素面板高亮的 table 节点右键 → Copy → Copy outerHTML 即可。
**Q：合并单元格（colspan/rowspan）支持吗？**
导出时合并单元格会按普通单元格展开，合并区域的值保留在左上角单元格，其余位置留空。
**Q：表格里有超链接、图片怎么办？**
导出保留纯文本内容，超链接取链接文字，图片标签会被忽略。
**Q：代码里混入其他 HTML 标签会影响吗？**
工具只解析 table 结构，外围的 div、样式标签不影响结果，但请确保 table 标签完整闭合。
## 总结与相关工具
HTML 表格转 Excel 工具三步搞定网页表格导出：粘贴代码 → 核对预览 → 导出文件，Excel 和 CSV 两种格式任选。配合工具派其他办公工具效率更高：
- [CSV/Excel 互转](/tools/csv_excel_converter)：CSV 和 Excel 双向转换
- [Excel转PDF](/tools/excel_to_pdf)：表格转 PDF 存档分享
- [JSON转Excel](/tools/json_to_excel)：接口数据转表格
- [PDF转Excel](/tools/pdf_to_excel)：PDF 里的表格提取为 Excel
现在就[打开 HTML 表格转 Excel 工具](/tools/html_table_to_excel)，把网页表格搬回家！