Générateur HTML Image Code

Créer un élément HTML <img> en ligne

Le Générateur HTML Image Code crée un élément <img> à partir de la source de l’image, du texte alternatif et des dimensions facultatives indiquées. L’aperçu et les sorties HTML et C# sont actualisés ensemble afin que vous puissiez vérifier l’élément avant de le copier dans une page web ou un projet .NET.

Créer un élément HTML <img> en C#

Le panneau HTML Code contient le balisage <img> configuré. Le panneau C# Code crée en dessous un élément équivalent avec Aspose.HTML for .NET .

Le code généré suit les étapes suivantes :

1. Crée un HTMLDocument et un HTMLImageElement avec Document.CreateElement() .
2. Définit Src et Alt, puis Width et Height lorsque des dimensions sont indiquées.
3. Ajoute l’image au corps du document avec Node.AppendChild() .
4. Enregistre le document terminé sous image.html avec HTMLDocument.Save() .

Configurez d’abord l’image, puis copiez le code C# actualisé dans votre projet .NET.

Questions fréquentes sur le Générateur HTML Image Code

1. Quel texte alternatif dois-je saisir pour une image ?

Décrivez le contenu ou la fonction de l’image en tenant compte du contexte de la page. Utilisez une valeur alt vide pour une image purement décorative afin que les technologies d’assistance puissent l’ignorer. N’utilisez pas simplement le nom du fichier et ne répétez pas un texte voisin sans apporter d’information.

2. Pourquoi l’image n’apparaît-elle pas dans l’aperçu ?

Vérifiez que Source désigne une image existante que le navigateur peut demander. Un chemin relatif est résolu à partir de l’URL de la page actuelle. Un serveur externe peut bloquer la requête, exiger une authentification ou empêcher l’utilisation directe de l’image.

3. Dois-je indiquer à la fois Width et Height ?

Fournir les deux dimensions intrinsèques permet au navigateur de réserver de l’espace avant le chargement et peut réduire les décalages de mise en page. Utilisez des valeurs qui conservent les proportions de l’image source, car des valeurs incompatibles peuvent la déformer.

4. Puis-je utiliser un chemin d’image relatif au lieu d’une URL complète ?

Oui. Une valeur src relative est résolue par rapport à l’URL du document HTML. Le chemin doit donc être valide à l’emplacement où la page sera publiée. Utilisez une URL HTTP ou HTTPS absolue lorsque l’image est hébergée ailleurs.

5. Puis-je ajouter l’image générée à un document HTML existant ?

Oui. Ouvrez le fichier avec new HTMLDocument("input.html"), créez et configurez l’image comme indiqué, ajoutez-la à l’élément requis, puis enregistrez le document modifié dans un nouveau fichier.

Installer Aspose.HTML for .NET

Installez Aspose.HTML for .NET depuis NuGet avec l’interface CLI .NET :

dotnet add package Aspose.HTML

Vous pouvez également utiliser l’interface du gestionnaire de packages NuGet ou exécuter Install-Package Aspose.HTML dans la console du gestionnaire de packages. Consultez le guide d’installation pour la configuration, ou demandez une licence temporaire afin d’évaluer l’API sans limitations.