Quelle est la bonne façon d'utiliser une balise d'image HTML?
Les images sont souvent ajoutées aux pages Web pour les rendre plus invitantes et intéressantes par rapport à une page de texte brut. À l'aide de la balise d'image HTML, il est facile d'ajouter des images à toutes les pages Web. Cette balise contient é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 compose la page Web elle-même. Les fichiers utilisés pour la page Web sont des fichiers séparés de tous les fichiers image. La balise d'image HTML fait référence au navigateur Web au fichier image spécifique pour l'image que vous souhaitez afficher. Lorsque la page Web s'affiche dans un navigateur, le fichier image s'affiche avec tous les autres fichiers qui composent cette page.
Le code pour la balise d'image HTML est: . L'emplacement de l'image est le nom de fichier de l'image que vous souhaitez afficher et où l'image est stockée. Il est important que vous obteniez ces informations correctes pour vous assurer que l'image est affichée correctement. LeL'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'incluriez que le nom de fichier dans la balise d'image HTML. Lorsqu'une page Web a un certain nombre d'images, il est courant de créer un sous-répertoire, souvent appelé images . Dans ce cas, le nom de sous-répertoire serait également inclus dans la balise.
À titre d'exemple, voici ce que nous ferions pour insérer une image d'un arbre, FileName arbre.jpg, sur une page Web. Si nous avions stocké l'image d'arbre au même endroit que nos autres fichiers de page Web, la balise d'image HTML serait . Si le fichier image était stocké dans un sous-répertoire dans notre répertoire de page Web, la balise serait modifiée en
. Ce qui est important à retenir, c'est tChapeau La balise d'image HTML fournit une référence ou un chemin vers le fichier image. Fondamentalement, il indique au navigateur où chercher le fichier.
La balise d'image HTML a 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 ils sont donc utilisés dans la balise, ou entre le
- Alignez - spécifie comment votre image est alignée par rapport au texte de votre page (gauche, droite, haut, milieu, en bas)
- Alt - fait référence à un texte alternatif. Il s'agit d'un attribut très important et doit être inclus pour toutes vos images. Il spécifie le texte affiché au lieu de l'image
- Border - Ajoute une bordure à votre image, avec l'épaisseur spécifiée dans les pixels
- Hauteur et largeur - peut être utilisée pour définir la largeur et la hauteur de l'image que vous souhaitez afficher, ce qui vous permet de modifier le size 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 de l'espace blanc autour de votre image.