Quelle est la manière appropriée d'utiliser une balise d'image HTML?

Les images sont souvent ajoutées aux pages Web pour leur donner un aspect plus attrayant et intéressant par rapport à une page de texte brut. En utilisant 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.

Lorsque vous ajoutez des images à une page Web, il est important de noter 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 Image HTML renvoie le navigateur Web au fichier image spécifique à 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: <IMG SRC = "emplacement de l'image" />. Emplacement de l'image correspond au nom de fichier de l'image à afficher et à l'emplacement de stockage de l'image. Il est important que ces informations soient correctes pour que l'image soit correctement affichée. 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 vous référez à l'image, vous n'incluez que le nom de fichier dans la balise HTML Image. Lorsqu'une page Web contient plusieurs images, il est courant de créer un sous-répertoire, souvent appelé image . 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’une arborescence, nom de fichier tree.jpg, dans une page Web. Si nous avions stocké l'image d'arborescence au même endroit que nos autres fichiers de page Web, la balise HTML Image serait <IMG SRC = "tree.jpg">. Si le fichier image était stocké dans un sous-répertoire de notre répertoire de pages Web, la balise serait remplacée par <IMG SRC = "images / tree.jpg">. Il est important de se rappeler que la balise HTML Image fournit une référence ou un chemin d'accès au fichier image. En gros, il indique au navigateur où chercher le fichier.

La balise HTML Image comporte un certain nombre d'attributs pouvant être spécifiés pour l'image à inclure. Les attributs sont des caractéristiques de la balise elle-même et sont donc utilisés dans la balise ou entre les <et>. Les attributs utilisés avec la balise HTML Image sont les suivants:

• ALIGNER - spécifie comment votre image est alignée par rapport au texte de votre page (GAUCHE, DROITE, EN HAUT, MOYENNE, EN BAS)
• ALT - fait référence à un 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
• BORDER - 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 changer la taille de l'image. Soyez prudent en utilisant ces attributs car vous pouvez changer la qualité de l'image et les proportions, ce qui donne des images de mauvaise qualité.
• VSPACE et HSPACE - sont utilisés pour ajouter un espace blanc autour de votre image.