Des images sont souvent ajoutées aux pages Web pour les rendre plus attrayantes et intéressantes par rapport à une page de texte brut. À l’aide de la balise HTML Image, il est facile d’ajouter des images à n’importe quelle page Web. Cette balise possède également un certain nombre d’attributs, ou caractéristiques, que vous pouvez spécifier.
Lors de l’ajout d’images à une page Web, il est important de se rappeler qu’une image ne fait pas réellement partie du fichier qui constitue la page Web elle-même. Les fichiers utilisés pour la page Web sont des fichiers distincts de tous les fichiers image. La balise HTML Image renvoie le navigateur Web au fichier image spécifique de l’image que vous souhaitez afficher. Lorsque la page Web est affichée dans un navigateur, le fichier image est affiché avec tous les autres fichiers qui composent cette page.
Le code de la balise HTML Image est : . L’emplacement de l’image est le nom de fichier de l’image que vous souhaitez afficher et l’endroit où l’image est stockée. Il est important que vous obteniez ces informations correctement pour vous assurer que l’image s’affiche correctement. L’organisation et le stockage des images que vous souhaitez utiliser sur votre page Web sont des considérations importantes.
Certaines personnes stockent leurs images dans le même répertoire que toutes les autres parties de leurs pages Web. Dans ce cas, lorsque vous faites référence à l’image, vous n’incluez que le nom du fichier dans la balise HTML Image. Lorsqu’une page Web comporte un certain nombre d’images, il est courant de créer un sous-répertoire, souvent appelé images. Dans ce cas, le nom du sous-répertoire serait également inclus dans la balise.
À titre d’exemple, voici ce que nous ferions pour insérer l’image d’un arbre, nom de fichier tree.jpg, sur une page Web. Si nous avions stocké l’image de l’arbre au même endroit que nos autres fichiers de page Web, la balise HTML Image serait . Si le fichier image était stocké dans un sous-répertoire de notre répertoire de pages Web, la balise serait remplacée par . Ce qu’il est important de retenir, c’est que la balise HTML Image fournit une référence, ou un chemin, au fichier image. Fondamentalement, il indique au navigateur où rechercher le fichier.
La balise HTML Image possède un certain nombre d’attributs qui peuvent être spécifiés pour l’image que vous souhaitez inclure. Les attributs sont des caractéristiques de la balise elle-même et sont donc utilisés dans la balise, ou entre < et >. Les attributs utilisés avec la balise HTML Image sont :
ALIGN – spécifie comment votre image est alignée par rapport au texte de votre page (GAUCHE, DROITE, HAUT, MILIEU, BAS)
ALT — fait référence au texte alternatif. Ceci est un attribut très important et devrait être inclus pour toutes vos images. Il spécifie le texte qui est affiché à la place de l’image
BORDURE — ajoute une bordure à votre image, avec l’épaisseur spécifiée en pixels
HAUTEUR et LARGEUR — peuvent être utilisés pour définir la largeur et la hauteur de l’image que vous souhaitez afficher, ce qui vous permet de modifier la taille de l’image. Soyez prudent en utilisant ces attributs car vous pouvez modifier la qualité de l’image et les proportions, ce qui entraîne des images de mauvaise qualité
VSPACE et HSPACE — sont utilisés pour ajouter un espace blanc autour de votre image.