Dans HTML, qu'est-ce qu'une balise d'image?

Lors de la création d'une page Web à l'aide de HTML, la balise d'image est utilisée pour insérer une photo ou un graphique à un endroit particulier sur la page.Il existe de nombreuses façons dont les images peuvent être utilisées sur les pages Web, de l'ajout d'intérêt à être utilisé comme outil de navigation ou à fournir des informations.Il existe également plusieurs formats d'images différents qui peuvent être utilisés.Peu importe comment ou quelle image est ajoutée à la page Web, la balise d'image est toujours requise.

Pour ajouter une image, la balise d'image est incluse où vous voulez que l'image apparaisse dans votre page.Par exemple, si une image devait être insérée après ce paragraphe, la balise d'image, ou lt; img gt;, serait ajoutée au document HTML après ce paragraphe.Le tag lt; img gt;Définit toutes les images dans HTML.Il est appelé balise vide, car il contient des attributs et n'a pas de balise de clôture.Les attributs sont des options disponibles pour une balise HTML spécifique.

Si seulement lt; img gt;ont été ajoutés à un document HTML, rien ne s'afficherait car les attributs de la balise n'ont pas été inclus.L'attribut le plus important pour lt; img gt;est SRC, qui signifie Source.L'attribut SRC indique où le fichier image est réellement situé, ou c'est l'adresse du fichier image.Comme l'image est utilisée sur une page Web, l'emplacement de l'image sera donné comme URL.Dans le document HTML, l'image ressemblerait à: lt; img src ' url /gt ;.

spécifiquement, l'URL pointe où l'image est stockée.Par exemple, si une image d'un ordinateur avec le nom de fichier ordinateur.jpg était stockée dans le dossier d'images sur www.wiseek.com, l'URL serait remplacée par: lt; img src ' www.wiseek.com / images / ordinateur.jpg / gt;.Lorsque le navigateur ouvre la page Web, il affiche l'image où la balise d'image est incluse.

La balise d'image a un certain nombre d'autres attributs différents.Ils permettent à un utilisateur d'ajuster l'apparence de l'image sur la page.Les attributs suivants sont couramment utilisés pour cette balise: alt, bordure, taille et alignement.

L'attribut alt signifie un texte alternatif et il est montré si un navigateur n'est pas en mesure d'afficher une image.En outre, un texte alternatif est lu pour les utilisateurs qui sont visuellement mis au défi et choisissent d'afficher du texte sur des images.Pour l'exemple ci-dessus, le texte alternatif pourrait être indiqué comme Alt ' image d'un ordinateur.

L'attribut Border ajoute une bordure à l'image avec l'épaisseur en fonction du nombre de pixels indiqués.Cela peut être particulièrement utile lorsque l'arrière-plan de l'image et l'arrière-plan du site Web sont similaires, et une distinction claire est souhaitée.Par exemple, Border ' 10 placera une bordure d'épaisseur de 10 pixels autour d'une image.

Taille Les attributs sont également importants, car la largeur et la hauteur peuvent être utilisées pour spécifier la taille exacte d'une image.Ces attributs doivent être utilisés très attentivement, car les modifier peuvent affecter les proportions ou la qualité de l'image affichée.Les attributs de taille ne modifient pas le fichier réel, juste comment le navigateur l'affiche.

L'attribut Alignez Spécifie comment l'image est alignée par rapport au texte sur la page.Il existe plusieurs choix différents pour cet attribut, y compris le haut, le bas, le milieu, la gauche, la droite, l'absmiddle, l'absbottom, la ligne de base et le texte.Ces balises aident également à déterminer comment le texte de la page s'aligne sur l'image.