HTML Image Code ジェネレーター

HTML <img> 要素をオンラインで作成

HTML Image Code ジェネレーターは、指定した画像ソース、代替テキスト、任意の寸法から <img> 要素を作成します。プレビュー、HTML 出力、C# 出力は同時に更新されるため、Web ページや .NET プロジェクトへコピーする前に画像タグを確認できます。

C# で HTML <img> 要素を作成

上の HTML Code パネルには、設定した <img> マークアップが表示されます。下の C# Code パネルでは、 Aspose.HTML for .NET を使用して同等の要素を作成します。

生成されたコードは、次の手順で動作します。

1. HTMLDocument を作成し、 Document.CreateElement() で HTMLImageElement を作成します。
2. Src と Alt を設定し、寸法が指定されている場合は Width と Height も設定します。
3. Node.AppendChild() で画像をドキュメント本体へ追加します。
4. HTMLDocument.Save() で完成したドキュメントを image.html として保存します。

最初に画像を設定し、更新された C# コードを .NET プロジェクトへコピーしてください。

HTML Image Code ジェネレーターの FAQ

1. 画像の alt テキストには何を入力すべきですか？

ページの文脈における画像の内容または役割を説明します。装飾だけの画像には空の alt 値を使用し、支援技術が無視できるようにします。ファイル名だけを記載したり、意味を追加せず周囲の文章を繰り返したりしないでください。

2. プレビューに画像が表示されないのはなぜですか？

Source がブラウザーから取得できる既存の画像を指しているか確認してください。相対パスは現在のページ URL を基準に解決されます。外部サーバーが認証を要求したり、外部サイトからの直接参照を拒否したりする場合もあります。

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 パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は インストール ガイド を参照してください。評価制限なしで API を試すには、 一時ライセンス を申請できます。