Comment ajouter une image au HTML

Les images jouent un rôle important dans la communication efficace des informations. Par conséquent, l’ajout d’images aux documents HTML est un aspect critique et une exigence courante dans le développement Web. Aspose.HTML for .NET fournit une solution robuste permettant aux développeurs de gérer les images dans les documents HTML. Vous pouvez insérer une image, la manipuler et la supprimer ou l’extraire des documents HTML. Voyons comment ajouter des images aux documents HTML.

Tout d’abord, assurez-vous que Aspose.HTML for .NET est installé dans votre projet. Le processus d’installation de cette bibliothèque est assez simple. Ouvrez le gestionnaire de packages NuGet, recherchez Aspose.HTML et installez. Vous pouvez également utiliser la commande suivante depuis la console Package Manager:


Installer Aspose.HTML for .NET

Install-Package Aspose.HTML



Élément d'image HTML

Vous pouvez ajouter des images aux documents HTML et aux pages Web à l’aide d’un élément HTML <img>. L’élément image HTML nécessite les attributs src et alt. L’attribut src contient une URL pointant vers l’image que vous souhaitez intégrer dans un document HTML ou une page Web. L’URL dans l’attribut src peut être relative ou absolue. Sans l’attribut src, l’élément <img> n’a pas d’image à charger. L’attribut alt spécifie un texte alternatif pour l’image. Vous trouverez ci-dessous trois options pour spécifier l’attribut src pour un élément <img> – avec une URL relative pour une source d’image, une URL absolue et avec des données URI (image codée en Base64) :


Code HTML des images

<img src="images/photo.png" alt="A descriptive alt text" >

<img src="https://docs.aspose.com/html/images/georgia-castle.png" alt="Ananuri Fortress Complex in Georgia" >

<img src="data:image/jpeg;base64,/9j/4RLYRXhpZgAAS..." alt="The muzzle of a lioness close-up. The lioness looks away." >



Ajouter une image au document HTML à l'aide de C#

En utilisant la bibliothèque de classes Aspose.HTML for .NET, vous pouvez facilement créer votre propre application, car notre API fournit un ensemble d’outils puissants pour analyser et modifier des documents HTML. Si vous souhaitez ajouter une image au HTML par programmation, consultez l’exemple de code C# ci-dessous:


Code C# pour ajouter une image au HTML

using Aspose.Html;
using System.IO;
...

    // Prepare a path to a source HTML file
    string documentPath = Path.Combine(DataDir, "document.html");

    // Prepare a path for resulting file saving 
    string savePath = Path.Combine(OutputDir, "add-image.html");

    // Create an instance of an HTML document
    using (var document = new HTMLDocument(documentPath))
    {
        var body = document.Body;

        // Create an image element
        var image = (HTMLImageElement)document.CreateElement("img");
        image.Src = "images/photo.png";
        image.Alt = "A descriptive alt text";

        // Attach the image to the document body
        body.AppendChild(image);

        // Save the HTML document to a file
        document.Save(savePath);
    }



Étapes pour ajouter une image au HTML

Dans cet exemple, un nouvel élément d’image HTML est créé, les attributs sont définis et l’image est ajoutée au document HTML. Le résultat est un document HTML modifié avec l’image ajoutée:

  1. Chargez le document HTML à l’aide du constructeur HTMLDocument()
  2. Créez un nouvel élément d’image à l’aide de la méthode CreateElement() .
  3. Définissez les attributs de l’image, tels que la source src et le texte alternatif alt.
  4. Ajoutez le nouvel élément image au document HTML. Utilisez la méthode AppendChild() de la classe Node pour ajouter l’image à la fin de la liste des enfants du corps du document.
  5. Appelez la méthode Save() pour enregistrer le document HTML modifié avec l’image ajoutée.

Aspose.HTML for .NET est une bibliothèque d’analyse HTML avancée. On peut créer, modifier, naviguer dans les nœuds, extraire des données, fusionner et convertir des fichiers HTML, XHTML, MD, EPUB et MHTML en PDF, DOCX, images et autres formats populaires. De plus, il gère également CSS, HTML Canvas, SVG, XPath et JavaScript prêts à l’emploi pour étendre les tâches de manipulation. Pour plus de détails sur l’installation de la bibliothèque C# et la configuration système requise, veuillez vous référer à la Documentation Aspose.HTML .


Vérificateur de balises Alt pour les images – Application en ligne

Aspose.HTML propose Vérificateur de balises Alt pour les images , un outil en ligne gratuit conçu pour analyser un site Web et identifier les images dépourvues d’attributs alt corrects. L’application analyse une page Web, trouve des images sans texte alternatif et crée un rapport indiquant quelles images nécessitent des attributs descriptifs alt. Les développeurs peuvent utiliser cet outil pour garantir que leurs sites Web répondent aux normes d’accessibilité WCAG.

Texte “Vérificateur de balises Alt pour les images – En ligne Application”

Autres fonctionnalités de la bibliothèque C# prises en charge

Utilisez la bibliothèque Aspose.HTML for .NET pour analyser et manipuler des documents HTML. Clair, sûr et simple!