Pour insérer des images dans une page HTML, il est nécessaire d'utiliser la balise . Cette balise permet d'afficher l'image sur la page, et peut être ajoutée n'importe où dans le code HTML.
La première chose à faire est de choisir l'image qui sera insérée. Il est important que l'image soit enregistrée dans un format compatible avec le Web tel que JPEG, PNG ou GIF. De plus, il est important que l'image ait une taille adéquate pour la page où elle sera insérée, afin qu'elle ne soit pas disproportionnée ou trop longue à charger.
Pour insérer l'image, il faut utiliser la balise , qui a la syntaxe suivante :
L'attribut src indique le chemin de l'image, qui peut être une adresse Internet ou un chemin relatif sur le serveur où la page est hébergée. Par exemple, si l'image est dans le même dossier que la page HTML, il suffit de mettre le nom de l'image dans l'attribut src, comme dans l'exemple ci-dessous :
L'attribut alt est utilisé pour décrire l'image en cas de problème de chargement ou pour les utilisateurs malvoyants. Il est important que le texte alternatif soit descriptif et rende le contenu de l'image explicite.
De plus, il est possible d'ajouter d'autres attributs à la balise , comme l'attribut width pour définir la largeur de l'image en pixels, et l'attribut height pour définir la hauteur de l'image en pixels. Il est important d'utiliser ces attributs avec soin, afin que l'image ne paraisse pas disproportionnée ou ne perde en qualité.
Vous pouvez également ajouter un lien vers l'image afin qu'elle redirige l'utilisateur vers une autre page ou ressource. Pour cela, il suffit d'ajouter l'attribut href à la balise , comme dans l'exemple ci-dessous :
Ainsi, en cliquant sur l'image, l'utilisateur sera redirigé vers la page de destination.
En résumé, insérer des images en HTML est une tâche simple et importante pour rendre la page plus attrayante et informative. En utilisant la balise et les attributs appropriés, vous pouvez facilement et efficacement insérer des images.
Répondez maintenant à l’exercice sur le contenu :
_Quelle est la fonction de l'attribut "alt" dans la balise ?
Tu as raison! Félicitations, passez maintenant à la page suivante
Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !
L'attribut alt est utilisé pour décrire l'image en cas de problème de chargement ou pour les utilisateurs malvoyants. Il est important que le texte alternatif soit descriptif et rende le contenu de l'image explicite.
De plus, il est possible d'ajouter d'autres attributs à la balise 
