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 accueillantes 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 a é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 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: lt; img src ' image d'image / gt;.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.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'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 Tree.jpg, sur une page Web.Si nous avions stocké l'image d'arbre au même endroit que nos autres fichiers de pages Web, la balise d'image HTML serait lt; img src ' tree.jpg gt;.Si le fichier image était stocké dans un sous-répertoire dans notre répertoire de page Web, la balise serait modifiée en lt; img src ' images / arbre.jpg gt;.Ce qui est important à retenir, c'est que 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 lt;et gt;.Les attributs utilisés avec la balise d'image HTML sont:

• Align mdash;Spécifie comment votre image est alignée par rapport au texte de votre page (gauche, droite, haut, milieu, bas)
• alt mdash;fait référence à un autre texte.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 Mdash;Ajoute une bordure à votre image, avec l'épaisseur spécifiée dans les pixels
• hauteur et largeur mdash;Peut être utilisé 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, résultant en des images de mauvaise qualité
• VSPACE et HSPACE MDASH;sont utilisés pour ajouter de l'espace blanc autour de votre image.