ZiMingの宝藏之地
首页项目归档笔记照片墙音乐灵境说说杂谈友链关于
知识库
138 篇文档 / 65 个目录
目录菜单
主页知识库
飞书飞书知识库/AI工具-使用技能/AI编辑HTML格式应用

AI编辑HTML格式应用

同步时间:2026-05-26T15:20:18

图片

推荐deepseek

📄 1. 用HTML做文章排版 + 数据可视化图表 (Chart.js)

核心目标: 制作包含标题、正文及交互式图表的 HTML 文章页面。

详细提示词:

制作一个清晰的 HTML 文章排版,包含标题、段落正文数据。文章内容需要合理运用可视化图表进行展示,例如柱状图、折线图、饼状图。根据数据类型选择合适的图表类型(如趋势用折线图,对比用柱状图,占比用饼图),确保数据部分清晰易懂。使用 Chart.js 库生成图表。


🖥️ 2. 用HTML制作动态PPT

核心目标: 制作包含多页幻灯片、过渡动画及交互按钮的 HTML 演示文稿。

详细提示词:

生成一个包含多个幻灯片的 HTML 演示文稿。

  1. 页面构成: 每一页幻灯片需包含标题、段落文字。

  2. 视觉风格: 具有美观的配色方案。

  3. 交互与动效: 幻灯片切换时加入过渡动画(如淡入淡出效果),并包含交互性元素(如点击按钮或页面区域切换幻灯片)。


📧 3. 用HTML设计邮件模板

核心目标: 制作简洁、美观且按钮突出的 HTML 营销或通知邮件模板。

详细提示词:

创建一个 HTML 邮件模板。

  1. 内容要素: 包含标题、文本内容、交互按钮。

  2. 设计规范: 排版需简洁美观,按钮需要突出显示(使用显眼配色和悬停效果)。

  3. 色彩搭配: 背景色与内容颜色需搭配协调,整体视觉舒适。


👤 4. 用HTML制作个人简历

核心目标: 制作响应式布局、信息层级清晰的 HTML 个人简历页面。

详细提示词:

生成一个简洁的 HTML 简历页面。

  1. 内容模块: 需包含个人信息、工作经验、教育背景、技能标签。

  2. 响应式设计: 在手机、平板、电脑等多种设备上都能良好展示。

  3. 布局要求: 布局简洁,通过合理的字体大小和间距突出重点信息。


📊 5. 用HTML做会议报告

核心目标: 制作包含数据图表、动态效果及交互性的现代会议报告页面。

详细提示词:

生成一个会议报告的 HTML 页面。

  1. 风格与布局: 设计简洁现代,确保排版有层次感(包含标题、正文、图表区块)。

  2. 数据展示: 包含清晰易懂的图表数据展示。

  3. 交互与动态: 在报告中加入动态效果(如滚动加载或悬停高亮)和交互性内容(如点击查看详情),提升报告的可读性和专业感。

Table of Contents