在科研论文撰写过程中,高质量的示意图、机制图和流程图是必不可少的视觉元素。传统的科研绘图工具如 BioRender、Adobe Illustrator 虽然功能强大,但存在学习曲线陡峭、中文支持不佳、缺乏专业知识理解等痛点。Nano Banana Pro(Gemini 3 Pro Image API)凭借其一流的制图质量、卓越的中文字还原度和深厚的知识理解能力,正在成为科研工作者的新选择。本文将分享 7 个实战技巧,帮助你高效使用 Nano Banana Pro 完成科研绘图任务。

科研绘图对质量和准确性要求极高,尤其是在 Nature、Science 等顶级期刊投稿时,图表规范更为严格。传统工具存在以下普遍问题:
BioRender 的局限性:
- 虽然拥有 4 万+ 高质量生物学图标
- 但中文支持极差,标注需要手动后期处理
- 预设模板有限,难以满足个性化需求
- 学生价格 $15/月(约 97 元),商业用户更贵
- 对非生命科学领域支持不足
Adobe Illustrator 的门槛:
- 专业级矢量绘图软件,学习曲线陡峭
- 需要大量时间手动绘制和调整
- $20.99/月订阅费用
- 缺乏科研知识理解,需要用户完全自主设计
通用 AI 绘图工具的短板:
- Midjourney、Stable Diffusion 等缺乏科学严谨性
- 生成结果"好看但不准确",难以通过学术审核
- 对专业术语和科学概念理解有限
- 中文科技术语翻译和标注准确度低
🎯 核心痛点总结:科研绘图需要同时满足科学准确性、视觉美观性和高效制作三个要求,传统工具往往只能兼顾其中一两个方面,很难三者兼得。
根据 Nature、Science 等顶级期刊的投稿要求,科研图表必须符合以下规范:
分辨率和尺寸:
- 线稿(Line Art):600-1200 DPI
- 彩色图和灰度图:至少 300 DPI
- 单栏图宽:7.5-9 cm
- 双栏图宽:15-18 cm
- 高度不超过 24 cm
色彩和字体:
- 推荐使用高对比度色彩组合(绿色+品红、蓝绿色+红色)
- 统一字体:Arial、Helvetica 或 Times New Roman
- RGB 色彩模式(网络版)或 CMYK(印刷版)
- 确保色盲友好的配色方案
文件格式:
- 优先矢量格式:EPS、PDF、AI
- 可接受位图:TIFF、PNG(300 DPI+)
- 避免 JPEG(有损压缩)
- 化学结构使用 ChemDraw(.cdx)
标注和说明:
- 清晰的轴标签和单位
- 完整的图例说明
- 必要的统计学标记(、、 表示显著性)
- 准确的中英文专业术语

Nano Banana Pro 基于 Google DeepMind 最新的 Gemini 3 Pro 多模态大模型,在图像生成质量上达到了业界顶尖水平。
技术特性:
- 4K 超高清输出(4096×4096):远超 BioRender 的固定分辨率
- 精细的细节渲染:能够准确绘制分子结构、细胞器、实验装置等复杂对象
- 专业的视觉风格:自动生成符合学术规范的简洁、清晰、专业的图表样式
- 一致性保障:同一系列图表能保持统一的视觉风格和配色方案
实际案例对比:
💡 技术建议:对于需要高分辨率印刷的科研海报、封面图设计,Nano Banana Pro 的 4K 输出能力尤其重要。通过 API易 apiyi.com 平台调用,1K/2K/4K 统一价格 $0.05/次,无需担心分辨率成本,直接选择最高质量输出。
这是 Nano Banana Pro 相比其他 AI 绘图工具的巨大优势。作为 Google 最新的多语言模型,Gemini 3 Pro 对中文的理解和渲染能力远超 Midjourney、DALL-E 等竞品。
中文标注的核心优势:
- 字形准确无错误:
- 能够正确渲染复杂汉字,包括生僻字和科技术语
- 避免常见的"火星文"、"拼音替代"等问题
- 笔画清晰,字体规范
- 专业术语理解到位:
- 准确理解"线粒体"、"核糖体"、"内质网"等生物学术语
- 正确对应英文术语的中文翻译
- 支持中英文混合标注
- 排版自然美观:
- 中文文字间距、行距符合阅读习惯
- 自动适配文字大小和位置
- 与图形元素协调统一
实际测试案例:
提示词:
GPT plus 代充 只需 145
Nano Banana Pro 能够:
- ✅ 准确渲染所有中文标注
- ✅ 标注位置合理,指示线清晰
- ✅ 字体大小协调,易于阅读
- ✅ 整体符合学术规范
而 Midjourney、Stable Diffusion 等工具通常会:
- ❌ 中文字形扭曲或无法识别
- ❌ 出现拼音或英文替代
- ❌ 标注位置混乱
🎯 关键优势:对于国内科研工作者,尤其是需要制作中文教学材料、中文期刊投稿、学术汇报 PPT 的场景,Nano Banana Pro 的中文支持能力是降维打击级别的优势,可以节省大量后期手动添加中文标注的时间。
Nano Banana Pro 背后的 Gemini 3 Pro 是一个知识增强型多模态大模型,接受了海量科学文献、教材、专利的训练,对科研领域的专业知识有深刻理解。
知识理解的具体表现:
- 科学概念准确性:
- 理解生物化学反应机制
- 掌握物理实验装置原理
- 熟悉医学解剖结构关系
- 知晓数学公式符号规范
- 跨学科知识整合:
- 能够绘制生物信息学流程图(结合计算机和生物学)
- 生成纳米材料结构示意图(结合化学和物理学)
- 制作临床诊疗路径图(结合医学和统计学)
- 学术规范遵守:
- 自动采用学术界约定俗成的图示方法
- 遵循 ISO、GB 等国际/国内标准
- 使用标准化的图例符号和箭头样式
实际案例:PCR 扩增原理图
提示词:
Nano Banana Pro 的表现:
- ✅ 准确绘制 DNA 双螺旋结构
- ✅ 正确显示引物(Primer)结合位置
- ✅ DNA 聚合酶方向和作用点准确
- ✅ 三个步骤的温度和时间标注清晰
- ✅ 循环箭头符合生物学教材惯例
这种深度的知识理解是 Midjourney、Stable Diffusion 等通用图像生成模型完全不具备的能力。它们可能生成视觉上好看的"DNA 结构",但往往在科学细节上错误百出,无法通过学术审核。
💡 选择建议:Nano Banana Pro 本质上是一个"懂科研的 AI 设计师",而非单纯的绘图工具。对于需要科学严谨性的学术图表,这种知识理解能力是不可替代的核心价值。建议通过 API易 apiyi.com 平台调用,价格低至 $0.05/次,可以大量测试和迭代提示词,直到生成完全符合科学要求的图表。
科研绘图的提示词需要比通用绘图更加精确和专业,明确指定科学概念、结构关系和视觉风格。
好的提示词结构:
GPT plus 代充 只需 145
示例 1:细胞信号转导通路图
示例 2:实验装置示意图
GPT plus 代充 只需 145
关键要点:
- 使用专业术语,避免口语化描述
- 明确结构层次和空间关系
- 指定配色方案和视觉风格
- 要求中文标注和高分辨率
🎯 技术建议:在使用 API易 apiyi.com 平台调用时,可以先用较短的提示词快速生成草图($0.05/次),确认基本结构正确后,再用详细的提示词生成最终版本,这种迭代方法既高效又经济。
Nano Banana Pro 可以模仿特定期刊、教材或已发表论文的视觉风格,确保生成的图表符合目标期刊的审美和规范。
风格参考提示词模板:
实际案例:模仿 Nature 风格
GPT plus 代充 只需 145
为什么这样有效?
Nano Banana Pro 的训练数据包含了大量顶级期刊的论文插图,它"见过"Nature、Science、Cell 等期刊的典型视觉风格,能够准确复现这些风格特征:
- Nature:简洁、专业、高对比度
- Science:艺术化、视觉冲击力强
- Cell:详细、信息密度高
- PNAS:传统、学术严谨
对于包含多个子图、多层信息的复杂图表,建议分步骤生成,然后用 Photoshop 或 Illustrator 组合。
复杂图表拆分策略:
案例:肿瘤发生发展的多阶段模型
步骤 1:生成正常组织结构
步骤 2:生成癌前病变
GPT plus 代充 只需 145
步骤 3:生成浸润性癌
步骤 4:组合和标注
- 将三个图横向排列
- 添加阶段箭头和时间线
- 统一配色和标注样式
- 添加突变基因标记(p53、KRAS 等)
优势:
- 每个子图可以独立调整和优化
- 降低单次生成的复杂度,提高准确性
- 便于后期修改和版本迭代
💰 成本优化:通过 API易 apiyi.com 平台,每次生成仅 $0.05,即使分 5 次生成,总成本也只有 $0.25,远低于 BioRender 的月度订阅费($15),且质量更高、自由度更大。
科研图表的配色需要兼顾美观性、对比度和色盲友好性。
推荐配色方案:
方案一:蓝橙对比(Nature 常用)
GPT plus 代充 只需 145
方案二:绿红对比(信号通路图常用)
方案三:单色深浅(简洁学术风)
GPT plus 代充 只需 145
色盲友好验证:
- 避免单纯使用红绿对比
- 结合形状、纹理、标注辅助区分
- 使用 Coblis 色盲模拟器验证
虽然 Nano Banana Pro 的中文渲染已经很优秀,但仍可通过提示词进一步优化。
中文标注优化提示词:
实际案例:神经元结构图
GPT plus 代充 只需 145
不同期刊对图表格式有不同要求,可以在提示词中明确指定。
Nature 系列期刊规范:
Science 系列期刊规范:
GPT plus 代充 只需 145
中文期刊规范(如《中国科学》):
🚀 快速体验:建议先通过 API易 apiyi.com 平台快速生成样图,对比不同风格和规范,找到最适合目标期刊的视觉方案。平台支持 4K 高清输出,确保满足所有期刊的分辨率要求。
Nano Banana Pro 生成的图表可以作为高质量的基础素材,结合 Illustrator、Photoshop 进行精细调整。
推荐工作流:
- Nano Banana Pro 生成基础图(30 秒):
- 使用详细提示词生成 4K 图表
- 导出 PNG 格式
- Photoshop 调整细节(5 分钟):
- 调整亮度、对比度、色彩饱和度
- 裁剪和缩放到目标尺寸
- 添加必要的统计学标记(、、)
- 导出 TIFF 或高质量 PNG
- Illustrator 矢量化(可选)(10 分钟):
- 如需矢量格式,使用图像描摹功能
- 调整路径和节点
- 添加精确的文字标注
- 导出 EPS 或 AI 格式
- ImageJ/Fiji 添加标尺(显微图):
- 添加比例尺(Scale Bar)
- 标注测量数据
总耗时对比:
- 纯手工绘制:2-4 小时
- BioRender 拼接:30-60 分钟
- Nano Banana Pro + 后期:5-15 分钟
质量对比:
- 纯手工:最高(如果技能到位)
- BioRender:中等(受限于预设图标)
- Nano Banana Pro:高(AI 自适应细节+后期优化)
💡 综合建议:对于需要快速迭代的学术汇报、课题申请书、预实验数据图,直接使用 Nano Banana Pro 生成即可;对于需要投稿顶级期刊的最终版图表,建议生成后进行适当的后期优化,确保万无一失。

BioRender 的优势场景:
- 需要严格遵循已有模板的标准化图表
- 团队协作绘图(BioRender 有协作功能)
- 对视觉一致性要求极高的系列图表
Nano Banana Pro 的优势场景:
- 需要创新性、个性化的图表设计
- 包含中文标注的科研图表
- 快速原型设计和迭代
- 预算有限的个人研究者和学生
组合使用建议:
- 用 Nano Banana Pro 生成高质量基础图(4K PNG)
- 用 Illustrator 进行精细调整和矢量化
- 最终导出符合期刊要求的格式
这种组合工作流兼具效率和质量,是目前科研绘图的**实践。
核心差异:
- Midjourney/SD:适合艺术创作,不适合科研绘图
- DALL-E 3:通用图像生成,科学细节不够严谨
- Nano Banana Pro:专为知识密集型任务优化,最适合科研场景
💡 选择建议:对于科研绘图任务,Nano Banana Pro 是目前 AI 工具中的首选方案。建议通过 API易 apiyi.com 平台调用,价格公道($0.05/次),稳定性高,不限并发,适合批量生成和快速迭代。
科研需求:
为一篇关于肿瘤细胞凋亡机制的论文绘制信号通路图,需要展示外源性和内源性凋亡通路的汇聚。
提示词:
GPT plus 代充 只需 145
生成结果特点:
- ✅ 两条通路清晰分离,汇聚点明确
- ✅ 蛋白质名称准确(Caspase、FADD、Bax 等)
- ✅ 中文标注清晰,无乱码
- ✅ 配色符合学术规范
- ✅ 适合直接用于论文投稿或学术汇报
后期优化(5 分钟):
- Photoshop 调整整体亮度和对比度
- 添加子图标记(a、b、c)
- 添加统计学显著性标记
- 导出 300 DPI TIFF 格式
科研需求:
为国家自然科学基金申请书绘制实验技术路线图,需要中文为主,清晰展示研究思路。
提示词:
生成结果特点:
- ✅ 四个阶段层次分明,色彩渐变自然
- ✅ 中文专业术语准确(转录组测序、KEGG 通路等)
- ✅ 流程逻辑清晰,符合科研思路
- ✅ 视觉专业,适合基金评审专家查看
科研需求:
为 Nature Communications 投稿准备一个包含多个子图的组合图。
策略:分别生成各个子图,然后组合
子图 A:免疫荧光染色图(模拟)
GPT plus 代充 只需 145
子图 B:柱状图(定量分析)
子图 C:信号通路示意图
GPT plus 代充 只需 145
子图 D:模式图(总结)
组合流程:
- 分别生成四个子图(4 次 API 调用,$0.20 总成本)
- Photoshop 组合为 2×2 面板
- 添加子图标签(a、b、c、d)
- 统一配色和标注样式
- 导出最终图表
总耗时: 10-15 分钟(vs. 传统方法 4-6 小时)
🎯 技术建议:对于需要多面板组合的复杂图表,建议先用 Nano Banana Pro 快速生成各个子图,验证整体布局和视觉效果后,再进行精细调整。API易 apiyi.com 平台不限并发,可以同时生成多个子图,进一步提高效率。
法则一:层次化描述
- 先描述整体结构和布局
- 再描述具体元素和细节
- 最后指定视觉风格和格式要求
法则二:使用专业术语
- 避免"画一个细胞"→ 使用"绘制真核细胞结构示意图"
- 避免"箭头"→ 使用"信号传递方向指示箭头"
- 避免"颜色"→ 使用"配色方案:蓝色 #3b82f6 表示…"
法则三:参考权威来源
- 指定期刊风格:Nature、Science、Cell
- 指定教材风格:Campbell 生物学、Lehninger 生物化学
- 指定图集风格:Gray‘s Anatomy、Netter 解剖图谱
法则四:明确技术规格
- 分辨率:4K(4096×4096)或指定 DPI
- 色彩模式:RGB(网络)或 CMYK(印刷)
- 文件格式:PNG(默认)
- 标注语言:中文、英文或中英双语
在使用生成的图表前,务必进行以下检查:
科学准确性 ✓
- 生物结构关系正确(如细胞器位置、信号通路方向)
- 化学式和分子结构准确
- 物理原理和实验装置符合实际
- 数据可视化的数值和比例正确
视觉规范性 ✓
- 分辨率满足期刊要求(300 DPI+)
- 尺寸符合单栏/双栏规范
- 配色方案色盲友好
- 字体统一且清晰可读
标注完整性 ✓
- 所有关键元素都有标注
- 中文术语翻译准确
- 图例说明完整
- 比例尺、坐标轴、单位清晰
格式兼容性 ✓
- 文件格式符合投稿要求
- 文件大小在允许范围内
- 色彩模式正确(RGB/CMYK)
- 可编辑性(如需后期调整)
错误一:中文字形不准确
- 原因:提示词过于简短或使用英文描述中文内容
- 解决:明确要求"使用标准简体中文,黑体或微软雅黑字体"
错误二:科学细节不准确
- 原因:提示词缺乏专业术语和结构描述
- 解决:使用精确的专业术语,必要时提供参考文献或图片
错误三:视觉风格不符合期刊要求
- 原因:未指定目标期刊或风格参考
- 解决:明确写"参考 Nature 期刊的插图风格"
错误四:分辨率不够
- 原因:未指定输出分辨率
- 解决:始终要求"4K 分辨率(4096×4096),300 DPI 以上"
💰 成本优化:由于 API易 apiyi.com 平台的价格极低(\(0.05/次),建议在遇到问题时不要纠结,直接重新生成并优化提示词,通常 2-3 次迭代就能获得满意结果,总成本仅 \)0.10-0.15,远低于人工修图的时间成本。
对于需要生成大量相似图表的场景(如一组实验的多个时间点、多个样本的对比图),可以使用 Python 脚本自动化调用。
批量生成示例脚本:
GPT plus 代充 只需 145
运行结果:
- 生成 4 张细胞周期图
- 总耗时:约 2-3 分钟
- 总成本:$0.20
- 所有图表视觉风格统一,便于组合使用
可以,但需要注意以下几点:
- 科学准确性检查:
- AI 生成的图表必须经过科学准确性验证
- 确保生物结构、化学式、物理原理等细节正确
- 如有不准确之处,需要人工修正
- 期刊政策遵守:
- 部分期刊要求声明使用了 AI 辅助工具
- 建议在 Methods 部分说明:"Schematic diagrams were generated using Gemini 3 Pro Image AI model and manually verified for scientific accuracy"
- 避免使用明显的 AI 生成痕迹(如过于艺术化的风格)
- 版权和伦理:
- Nano Banana Pro 生成的内容可商用,无版权问题
- 但不能声称这些图表是完全原创手绘
- 建议进行适当的后期编辑,体现人工参与
🎯 技术建议:对于投稿顶级期刊的关键图表,建议采用"AI 生成 + 人工优化"的混合工作流:用 Nano Banana Pro 快速生成基础图($0.05/次通过 API易 apiyi.com),然后用 Illustrator 进行精细调整,确保科学性和专业性。
策略一:使用精确的专业术语
- 错误:"画一个 DNA"
- 正确:"绘制 B 型 DNA 的双螺旋结构,包含大沟、小沟、碱基配对(A-T、G-C),标注 5’ 和 3‘ 端"
策略二:参考权威文献
- 在提示词中指定:"参考 Molecular Biology of the Cell(第 6 版)第 4 章的 DNA 结构图"
- 或者:"使用与 PMID: 论文 Figure 2 相似的风格"
策略三:多次迭代验证
- 第一次:生成初稿,检查整体结构
- 第二次:优化细节描述,修正错误
- 第三次:添加标注和规范要求
- 由于 API易平台价格低($0.05/次),可以放心多次迭代
策略四:专家审核
- 生成后请领域专家审核科学准确性
- 必要时提供多个版本供选择
技术原因:
- 多语言训练数据:
- Gemini 3 Pro 在数十种语言的文本和图像对上训练
- 中文训练数据包含大量科技文献、教材、论文
- 理解中文科技术语的语义和用法
- 跨语言知识迁移:
- 模型能够将英文科学概念准确映射到中文
- 理解"mitochondria→线粒体"、"ribosome→核糖体"等对应关系
- 避免直译和生硬翻译
- 字形渲染优化:
- 针对汉字的复杂笔画进行专门优化
- 支持常用的中文科技字体(黑体、宋体、微软雅黑)
- 字号、间距、排版符合中文阅读习惯
对比其他模型:
- Midjourney:主要训练数据为英文,中文字形经常错误
- DALL-E 3:中文支持有所改进,但科技术语准确度不如 Gemini
- Stable Diffusion:开源模型,中文能力依赖具体版本
生命科学(最优):
- 细胞生物学、分子生物学、遗传学
- 生物化学、生理学、解剖学
- 免疫学、微生物学、生态学
- 优势:大量生物学训练数据,理解深刻
医学(优秀):
- 临床医学、基础医学、药理学
- 病理学、影像学、公共卫生
- 优势:理解疾病机制和诊疗流程
化学(良好):
- 有机化学、无机化学、物理化学
- 材料科学、高分子化学
- 注意:复杂化学式可能需要后期校对
物理学(良好):
- 经典力学、电磁学、光学
- 量子力学(概念图)
- 注意:精密的物理装置图可能不如专业工程图
工程技术(一般):
- 机械原理图、电路图
- 建筑结构、工艺流程
- 局限:工程制图规范可能不够严格
数学和计算机科学(一般):
- 算法流程图、数据结构示意图
- 网络拓扑图
- 局限:数学公式渲染不如 LaTeX
💡 综合建议:Nano Banana Pro 最适合需要概念示意图、机制图、流程图的学科,对于需要精密测量和工程制图的领域,建议结合传统 CAD/工程软件使用。
价格优势:
- 官方价格:\(0.234/次(4K 图像)
- API易价格:\)0.05/次(1K/2K/4K 统一)
- 节省比例:78%(低至官网 2 折)
- 月生成 100 张仅需 \(5(vs. 官方 \)23.4)
稳定性保障:
- 不限并发,避免官方 API 的排队和过载
- 企业级 SLA,99.9% 可用性
- 专线加速,响应速度更快
- 长期稳定供给,无需担心配额限制
技术支持:
- 完全兼容官方 API 格式
- 提供 Python/Node.js/Java 示例代码
- 专属技术支持,快速响应问题
- 支持批量调用和自动化工作流
适用场景:
- 科研团队批量生成实验示意图
- 研究生/博士生论文配图需求
- 科研机构基金申请书绘图
- 教学课件和科普图表制作
🚀 快速开始:访问 API易平台 apiyi.com 注册账号,获取 API 密钥后即可开始调用。建议先小批量测试(5-10 次,$0.25-0.50),验证效果后再大规模使用。
可以,但需要注意专利附图的特殊要求:
专利附图规范(以中国专利为例):
- 图纸规格:A4 纸(21 cm × 29.7 cm)
- 线条:清晰黑色实线,粗细均匀
- 标注:使用阿拉伯数字,从 1 开始编号
- 风格:简洁清晰,避免过度艺术化
- 格式:PDF 或 TIFF
使用 Nano Banana Pro 的建议:
后期处理:
- 转换为黑白图像
- 调整线条粗细
- 添加标准化的数字标注
- 导出为符合专利局要求的格式
Nano Banana Pro(Gemini 3 Pro Image API)凭借其一流的制图质量、卓越的中文字还原度和深度的知识理解能力,正在改变科研绘图的传统模式。相比 BioRender、Adobe Illustrator 等传统工具,Nano Banana Pro 提供了更高的效率、更低的成本和更强的灵活性,尤其适合需要中文标注和快速迭代的科研场景。
核心优势回顾:
- 制图质量一流:4K 超高清,细节精准,视觉专业
- 中文支持卓越:字形准确,术语理解到位,排版自然
- 知识理解深刻:懂科研,懂大模型,能准确还原科学概念
- 成本极具竞争力:通过 API易平台,\(0.05/次,低至官网 2 折
- 工作流高效:从提示词到成图 30-60 秒,配合后期优化 5-15 分钟
💡 综合建议:对于科研绘图任务,推荐采用"Nano Banana Pro(API易平台 \)0.05/次)+ 传统工具后期优化"的混合工作流,兼具效率、质量和成本优势。这种方法已被众多科研团队验证,可以将绘图时间从数小时缩短到数分钟,大幅提升科研效率。
随着 AI 技术的不断进步,Nano Banana Pro 等知识增强型图像生成模型将在科研绘图、教学课件、科普传播等领域发挥越来越重要的作用。掌握这些工具的使用技巧,将成为科研工作者的重要技能。
推荐行动路径:
- 访问 API易平台 apiyi.com 注册并获取 API 密钥
- 从简单的示意图开始练习提示词撰写
- 逐步尝试复杂的机制图、流程图、多面板组合图
- 建立个人的提示词模板库,提高效率
- 结合 Illustrator/Photoshop 进行精细化后期处理
- 将成功的案例和经验分享给团队成员
通过系统化学习和实践,你可以在 1-2 周内掌握 Nano Banana Pro 科研绘图的核心技巧,显著提升科研产出效率,将更多时间投入到实验设计和数据分析等核心工作中。
提示词工程、上下文工程都过时了,现在是Harness Engineering 的时代上一篇 2026-03-15 14:09汽车/制造/零售全覆盖!数商云火山引擎豆包大模型,定制行业AI落地方案下一篇 2026-03-15 14:07
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/238067.html