L’ajout d’images aux pages de votre site web peut souvent les rendre plus agréables à l’œil et mieux transmettre l’information que le texte seul. Ce processus est réalisé en utilisant du code HTML et un fichier image. Le fichier peut provenir d’une autre page web ou être stocké sur un serveur web.
Contenu
L’utilisation de la ![]()
tag
Dans le code HTML d’une page web, vous pouvez ajouter une image en utilisant le tag. Dans le
vous devez spécifier quatre attributs :
- Src – L’attribut source indique l’emplacement de l’image. Vous pouvez utiliser un chemin relatif si l’image se trouve sur le même serveur que votre site, mais les images provenant d’un autre site nécessitent des chemins absolus.
- Alt – L’autre attribut de texte est une description écrite de l’image.
- Largeur – La largeur de l’image.
- Hauteur – La hauteur de l’image.
Un attribut facultatif est Frontièrequi vous permet de spécifier une bordure autour de l’image. L’attribut border est défini en taille de pixel. Par exemple, en utilisant border=1 dans le champ signifie que la bordure autour de l’image aurait une largeur de 1 pixel.
Exemples
Les exemples suivants montrent le HTML utilisé pour ajouter l’image en haut de cette page. Ils peuvent être insérés n’importe où dans le corps de votre page. Le premier a une URL plus courte car l’image et le fichier HTML se trouvent sur le même serveur. Le second est un lien vers notre image à partir d’un serveur différent.
Premier exemple
Deuxième exemple
Quels formats d’images puis-je utiliser sur une page web ?
Les formats d’image les plus courants à utiliser pour les images, les photos, les logos et les autres images sont le JPEG, le GIF et le PNG. D’autres formats d’image qui ne sont pas largement pris en charge, comme le BMP, peuvent ne pas fonctionner dans tous les navigateurs.
Ai-je besoin de guillemets autour des attributs de la balise img ?
Oui. Bien que les navigateurs d’aujourd’hui puissent généralement corriger les erreurs dues à l’absence de guillemets autour d’une valeur d’attribut, nous recommandons d’avoir des guillemets autour d’une valeur d’attribut pour éviter les erreurs.
