HTML - Balise <img>

La description

La balise HTML <img> est utilisée pour mettre une image dans un document HTML.

Exemple

<!DOCTYPE html>
<html>

   <head>
      <title>HTML  Tag</title>
   </head>

   <body>
      <img src = "https://www.tutorialspoint.com/images/html.gif"
         alt = "HTML Tutorial" height = "150" width = "140" />
   </body>

</html>

Cela produira le résultat suivant -

Attributs globaux

Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML

Attributs spécifiques

La balise HTML <img> prend également en charge les attributs supplémentaires suivants -

Attribut Valeur La description
aligner haut
bas
milieu
gauche
droite
Obsolète - Spécifie l'alignement de l'image.
alt texte Spécifie un autre texte
frontière pixels Obsolète - Spécifie la largeur de la bordure de l'image.
crossorigin informations d'identification d'utilisation anonymes Il permet aux images de sites tiers qui permettent l'accès cross-origin d'être réutilisées avec le canevas.
la taille pixels ou% Spécifie la hauteur de l'image.
hspace pixels Déprécié - Quantité d'espace blanc à insérer à gauche et à droite de l'objet.
ismap URL Définit l'image en tant que mappe d'images côté serveur.
longdesc texte Déprécié - Spécifie un URI / URL d'une longue description - cela peut élaborer sur une description plus courte spécifiée avec l'attribut alt.
src URL l'url d'une image
usemap #mapname Définit l'image comme une image map côté client et utilisée avec les balises <map> et <area>.
vspace pixels Déprécié - Quantité d'espace blanc à insérer en haut et en bas de l'objet.
largeur pixels ou% Définit la largeur d'une image en pixels ou en%.

Attributs d'événement

Cette balise prend en charge tous les attributs d'événement décrits dans - Référence des événements HTML

Prise en charge du navigateur

Chrome Firefox C'EST À DIRE Opéra Safari Android
Oui Oui Oui Oui Oui Oui