使用codegeex生成html表格需通过结构化提示词明确维度与属性、分步控制标签层级、csv转html模板或添加语义化css类名四种方法，确保代码规范、可嵌入且兼容无障碍标准。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您希望使用CodeGeeX快速生成符合语义规范、结构清晰的HTML表格代码，但不确定如何准确描述需求或调整输出格式，则可能是由于提示词不够具体或未约束标签层级与属性。以下是实现该目标的多种方法：

一、使用结构化提示词明确表格维度与内容

该方法通过在输入提示中严格定义行数、列数、表头、数据类型及必需属性，引导CodeGeeX输出可直接嵌入页面的完整

代码，避免冗余标签或缺失闭合。

1、在CodeGeeX编辑器中输入：“生成一个包含3行4列的HTML表格，第一行为表头，内容为‘编号’‘姓名’‘部门’‘入职日期’；后两行为示例数据，数据需为纯文本，不带引号；表格必须有border='1'属性，且所有标签均需闭合。”

2、按下回车或点击生成按钮，等待模型输出结果。

3、检查输出是否包含

等完整结构，确认无等未请求的嵌套，且无JavaScript或CSS内联样式。

二、分步指令控制标签嵌套层级

该方法将表格构建拆解为独立指令，分别生成

编号	姓名	部门	入职日期

容器、行结构、

/	单元格内容，适用于需要自定义class、id或响应式属性的场景。 1、首条指令输入：“仅输出一个空的HTML表格容器标签，含border='0'和class='data-table'属性，不带任何内部内容。” 2、第二条指令输入：“仅输出一行表头HTML代码，包含四个 CodeGeex 2.21.0 CodeGeeX 2.21.0是智谱AI推出的AI编程助手版本，对Inline Chat功能进行了重大优化，包括UI设计升级、支持流式输出以提升响应速度，并新增“查看思路”按钮以便理解代码原理。同时，该版本在编辑器中新增CodeLens控件，支持一键“解释”代码或“添加注释”。目前该工具对个人开发者免费开放。 下载	标签，内容依次为‘ID’‘产品名’‘单价’‘库存’，不加换行符或空格。” 3、第三条指令输入：“仅输出两行数据行HTML代码，每行含四个	标签，内容为纯数字与中文组合，例如‘001	键盘	89	15’，不加注释或说明。” 4、将三段输出按顺序拼接，确保

闭合标签由第一步的容器自动携带，不可重复添加。

三、利用CSV转HTML模板指令

该方法适用于已有结构化数据（如Excel复制出的逗号分隔文本），通过提示词让CodeGeeX识别CSV模式并转换为带边框的表格，减少手动键入成本。

1、复制一段形如“城市,人口,面积\n北京,2154万,16410\n上海,2487万,6341”的纯文本。

2、输入提示：“将以下CSV文本转换为HTML表格：[粘贴上述文本]；要求第一行为

，其余行为 ；表格需有border='1'，无caption，不生成额外段落。”

3、提交后获取输出，验证换行符\n是否被正确解析为，且中文逗号未被误作字段分隔符。

四、添加CSS类名与语义化属性增强兼容性

该方法在生成基础表格的同时注入W3C推荐的语义属性，确保生成代码可通过HTML校验器，并适配屏幕阅读器。

1、输入提示：“生成一个具有标题的HTML表格，标题文字为‘员工信息表’；表格含caption元素；表头使用

；数据行中‘性别’列使用 ；整体添加class="responsive-table"和id="staff-table"。”

2、执行生成，观察输出是否包含

员工信息表及scope、headers等属性。

3、确认所有headers值与对应的id属性一致，若未指定id则需补全 。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！