使用CodeGeeX生成HTML表格需通过结构化提示词明确维度与属性、分步控制标签层级、CSV转HTML模板或添加语义化CSS类名四种方法，确保代码规范、可嵌入且兼容无障碍标准。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望使用CodeGeeX快速生成符合语义规范、结构清晰的HTML表格代码，但不确定如何准确描述需求或调整输出格式，则可能是由于提示词不够具体或未约束标签层级与属性。以下是实现该目标的多种方法：
CodeGeex 2.21.0
CodeGeeX 2.21.0是智谱AI推出的AI编程助手版本，对Inline Chat功能进行了重大优化，包括UI设计升级、支持流式输出以提升响应速度，并新增“查看思路”按钮以便理解代码原理。同时，该版本在编辑器中新增CodeLens控件，支持一键“解释”代码或“添加注释”。目前该工具对个人开发者免费开放。
下载
一、使用结构化提示词明确表格维度与内容
该方法通过在输入提示中严格定义行数、列数、表头、数据类型及必需属性，引导CodeGeeX输出可直接嵌入页面的完整
代码，避免冗余标签或缺失闭合。
1、在CodeGeeX编辑器中输入：“生成一个包含3行4列的HTML表格，第一行为表头，内容为‘编号’‘姓名’‘部门’‘入职日期’；后两行为示例数据，数据需为纯文本，不带引号；表格必须有border='1'属性，且所有标签均需闭合。”
2、按下回车或点击生成按钮，等待模型输出结果。
立即学习“前端免费学习笔记（深入）”；
3、检查输出是否包含<table border="1"><tr><th>编号</th><th>姓名</th><th>部门</th><th>入职日期</th></tr>等完整结构，确认无<thead><tbody>等未请求的嵌套，且无JavaScript或CSS内联样式。
二、分步指令控制标签嵌套层级
该方法将表格构建拆解为独立指令，分别生成<table>容器、<tr>行结构、<td>/<th>单元格内容，适用于需要自定义class、id或响应式属性的场景。
1、首条指令输入：“仅输出一个空的HTML表格容器标签，含border='0'和class='data-table'属性，不带任何内部内容。”
2、第二条指令输入：“仅输出一行表头HTML代码，包含四个<th>标签，内容依次为‘ID’‘产品名’‘单价’‘库存’，不加换行符或空格。”
3、第三条指令输入：“仅输出两行数据行HTML代码，每行含四个<td>标签，内容为纯数字与中文组合，例如‘001</td><td>键盘</td><td>89</td><td>15’，不加注释或说明。”
4、将三段输出按顺序拼接，确保</table>闭合标签由第一步的容器自动携带，不可重复添加。
三、利用CSV转HTML模板指令
该方法适用于已有结构化数据（如Excel复制出的逗号分隔文本），通过提示词让CodeGeeX识别CSV模式并转换为带边框的表格，减少手动键入成本。
1、复制一段形如“城市,人口,面积\n北京,2154万,16410\n上海,2487万,6341”的纯文本。
2、输入提示：“将以下CSV文本转换为HTML表格：[粘贴上述文本]；要求第一行为<th>，其余行为<td>；表格需有border='1'，无caption，不生成额外段落。”
3、提交后获取输出，验证换行符\n是否被正确解析为<tr>，且中文逗号未被误作字段分隔符。
四、添加CSS类名与语义化属性增强兼容性
该方法在生成基础表格的同时注入W3C推荐的语义属性，确保生成代码可通过HTML校验器，并适配屏幕阅读器。
1、输入提示：“生成一个具有标题的HTML表格，标题文字为‘员工信息表’；表格含caption元素；表头使用<th scope="col">；数据行中‘性别’列使用<td headers="gender">；整体添加class="responsive-table"和id="staff-table"。”
2、执行生成，观察输出是否包含<caption>员工信息表</caption>及scope、headers等属性。
3、确认所有headers值与对应<th>的id属性一致，若未指定id则需补全<th id="gender">。
