L’insertion d’images en HTML permet d’embellir une page web : le contenu est plus attractif lorsqu’il est illustré d’éléments visuels. Les informations d’imagerie permettent également aux visiteurs du site Web de mieux les comprendre et de s’en souvenir. Enfin, l’incorporation d’images peut aider à améliorer les citations naturelles de votre site. L’utilisation d’un CMS gratuit comme HubSpot ou WordPress peut faciliter la tâche car il existe un simple bouton d’ajout d’image à cet effet. Sinon, insérer des images en HTML nécessite d’utiliser la balise et de maîtriser ses différents attributs.

Table des matières

  1. Comment insérer une image en HTML ?
  2. Image Syntaxe
  3. L’attribut src
  4. L’attribut alt
  5. Les attributs height et width
  6. video applicatif

Comment insérer une image en HTML ?

Pour insérer une image en HTML, vous devez utiliser la balise et spécifier la source du fichier image à l’aide de l’attribut « src ». Le code HTML est le suivant : source URL. D’autres propriétés, telles que « alt », permettent une configuration avancée de l’affichage des images sur les pages Web.

Les balises sont entrées dans le fichier HTML où l’image doit être affichée. Notez que la balise HTML est un élément vide : elle n’a pas besoin de balise fermante.

Image Syntaxe

La balise HTML est utilisée pour intégrer une image dans une page Web.

Les images ne sont pas techniquement insérées dans une page Web ;

La balise a deux attributs obligatoires :

L’attribut src

L’attribut src est le seul attribut requis pour que le balisage HTML fonctionne : il est nécessaire et suffisant. C’est en effet la propriété source qui permet d’indiquer à la machine le chemin à suivre pour récupérer le fichier image à afficher sur la page web. Vous pouvez choisir la source : l’URL du site tiers d’où provient l’image, ou le nom du fichier image préalablement enregistré dans un répertoire ou sous-répertoire de la page HTML. Certaines précautions sont indispensables lors du choix d’une vision :

L’attribut alt

L’attribut alt n’est pas obligatoire, mais recommandé.

Les attributs Height et Width

Ces propriétés peuvent modifier la taille, la hauteur et la largeur de l’image. Pour redimensionner une image en langage HTML, une valeur en pixels ou en pourcentage doit être saisie dans la balise img src

video applicatif

 

 

Laisser un commentaire