ONE TASK AT A TIME
让 AI 写一个能打开的小网页
从单文件静态页面开始,不需要账号、服务器或 API。
免费教程 · 约 15 分钟
做完能得到什么
一个能在本机浏览器打开的 HTML 页面。
STEP 01
填写你的任务信息
当前示例是虚构的练习材料。换成自己的内容前,移除不必要的私人信息。
内容仅用于当前页面生成提示词,不自动发送,不保存到服务器或浏览器存储;刷新会清空你填的内容。
STEP 02
复制到你的 AI 工具
提示词根据上面的信息自动整理。AI 回复会在你选择的工具中生成。
适用:支持中文文本对话的 AI 工具。工具的账号、限额和费用以官网为准。
STEP 03
照着做,再核对
- 复制提示词,请 AI 生成完整代码。
- 在纯文本编辑器中新建文件,只粘贴代码块中的代码,保存为index.html(不要是.txt)。
- 用浏览器打开,检查内容、按钮和手机窄屏;修改需求后再生成。
人工编写的参考样例 · 非模型实测输出
预期操作:保存 index.html → 双击在浏览器打开 → 看见活动信息 → 点击按钮出现提示。 这是验收目标,不是本网站替你生成的运行结果。
结果不合适?这样继续问
按钮没有按要求工作。请先说明可能原因,再给出最小修改和可操作的验证步骤。
打开后显示代码或乱码
检查是否用纯文本、UTF-8编码保存,文件名为index.html,且未粘贴代码块的反引号。