En HTML, qu'est-ce qu'une balise d'image?
Lors de la création d'une page Web à l'aide de HTML, la balise image est utilisée pour insérer une photo ou un graphique à un endroit particulier de la page. Les images peuvent être utilisées sur des pages Web de nombreuses façons, allant de l’intérêt d’être utilisé à des fins de navigation ou de fournir des informations. Il existe également différents formats d'images pouvant être utilisés. Peu importe comment ou quelle image est ajoutée à la page Web, la balise image est toujours requise.
Pour ajouter une image, la balise image est incluse à l'endroit où vous souhaitez 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 <img> serait ajoutée au document HTML après ce paragraphe. La balise <img> définit toutes les images en HTML. Elle est appelée une balise vide, car elle contient des attributs et n’a pas de balise de fermeture. Les attributs sont des options disponibles pour une balise HTML spécifique.
Si seulement <img> était ajouté à un document HTML, rien ne s'afficherait car les attributs de la balise n'ont pas été inclus. L'attribut le plus important pour <img> est "src", ce qui signifie source. L'attribut src indique où se trouve réellement le fichier image ou correspond à l'adresse du fichier image. Comme l'image est utilisée sur une page Web, l'emplacement de l'image sera donné sous forme d'URL. Dans le document HTML, l'image ressemblerait à: <img src = "URL" />.
Plus précisément, l'URL pointe vers l'endroit où l'image est stockée. Par exemple, si une image d'un ordinateur portant le nom de fichier computer.jpg était stockée dans le dossier images sur www.wisegeek.com, l'URL serait remplacée par: <img src = "www.wisegeek.com/images/computer. jpg "/>. Lorsque le navigateur ouvre la page Web, il affiche l'image à laquelle la balise image est incluse.
La balise d'image a un certain nombre d'autres attributs différents. Ils permettent à l’utilisateur d’ajuster l’image de la page. Les attributs suivants sont couramment utilisés pour cette balise: alt, border, size et align.
L'attribut alt représente un texte alternatif et s'affiche si un navigateur ne peut pas afficher une image. De plus, un texte alternatif est lu pour les utilisateurs malvoyants qui choisissent d'afficher du texte sur des images. Pour l'exemple ci-dessus, le texte de remplacement pourrait être indiqué par alt = "image d'un ordinateur".
L'attribut border ajoute une bordure à l'image dont l'épaisseur dépend du nombre de pixels indiqué. Cela peut être particulièrement utile lorsque l’arrière-plan de l’image et celui du site Web sont similaires et qu’il convient d’établir une distinction claire. Par exemple, border = "10" placera une bordure épaisse de 10 pixels autour d'une image.
Les attributs de taille 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 avec précaution car leur modification peut affecter les proportions ou la qualité de l'image affichée. Les attributs de taille ne modifient pas le fichier, mais le mode d'affichage du navigateur.
L'attribut align spécifie comment l'image est alignée par rapport au texte de la page. Il existe plusieurs choix pour cet attribut, notamment haut, bas, milieu, gauche, droite, absmiddle, absbottom, baseline et texttop. Ces balises aident également à déterminer l’alignement du texte de la page sur l’image.