HTML Image Code 生成器

在线创建 HTML <img> 元素

HTML Image Code 生成器根据输入的图像来源、替代文本和可选尺寸创建 <img> 元素。预览、HTML 输出和 C# 输出会同步更新，因此可以在将 image tag 复制到网页或 .NET 项目之前进行检查。

使用 C# 创建 HTML <img> 元素

上方 HTML Code 面板包含已配置的 <img> markup。下方 C# Code 面板使用 Aspose.HTML for .NET 创建等效元素。

生成的代码执行以下步骤：

1. 创建 HTMLDocument ，并使用 Document.CreateElement() 创建 HTMLImageElement 。
2. 设置 Src 和 Alt，并在提供尺寸时设置 Width 和 Height。
3. 使用 Node.AppendChild() 将图像添加到文档 body。
4. 使用 HTMLDocument.Save() 将完整文档保存为 image.html。

先配置图像，然后将更新后的 C# 代码复制到 .NET 项目中。

HTML Image Code 生成器常见问题

1. image alt text 应填写什么内容?

应结合页面上下文描述图像内容或功能。纯装饰图像应使用空的 alt 值，让辅助技术忽略它；不要只填写文件名或重复附近文字而不增加含义。

2. 为什么预览中没有显示图像?

请确认 Source 指向浏览器能够请求的现有图像。相对路径基于当前页面 URL 解析，而外部服务器可能阻止请求、要求身份验证或禁止 hotlinking。

3. 是否应该同时指定图像宽度和高度?

同时提供固有尺寸可让浏览器在图像加载前预留空间，并减少布局偏移。请使用保持原图宽高比的值，否则图像可能变形。

4. 可以使用相对图像路径而不是完整 URL 吗?

可以。相对 src 基于 HTML 文档 URL 解析，因此应确保页面发布后该路径仍然有效。图像托管在其他位置时，请使用绝对 HTTP 或 HTTPS URL。

5. 可以将生成的图像添加到现有 HTML 文档吗?

可以。使用 new HTMLDocument("input.html") 打开现有文件，按示例创建并配置图像，将其添加到所需元素，然后把修改后的文档保存到新文件。

安装 Aspose.HTML for .NET

使用 .NET CLI 从 NuGet 安装 Aspose.HTML for .NET ：

dotnet add package Aspose.HTML

您也可以使用 NuGet 包管理器界面，或在包管理器控制台中运行 Install-Package Aspose.HTML。有关配置详情，请参阅 安装指南 ；如需不受评估版限制地测试 API，请申请 临时许可证 。