Exemple
Comment insérer une image:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
Le <img> tag définit une image dans une page HTML.
Le <img> tag a deux attributs requis: src et alt .
Nota: Les images ne sont pas techniquement insérés dans une page HTML, les images sont liées à des pages HTML.Le <img> tag crée un espace de maintien de l'image de référence.
Astuce: Pour créer un lien d' une image à un autre document, il suffit de nid <img> tag intérieur <a> tags.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <img> | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
Les following attributs: align, border, hspace et vspace ne sont pas pris en charge dans HTML5.
Différences entre HTML et XHTML
Dans HTML le <img> tag n'a pas d' étiquette d'extrémité.
En XHTML le <img> tag doit être correctement fermé.
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| align | top bottom middle left right | Non pris en charge en HTML5. Indique l'alignement d'une image en fonction des éléments environnants |
| alt | text | Indique un texte alternatif pour une image |
| border | pixels | Non pris en charge en HTML5. Indique la largeur de la bordure autour d'une image |
| crossorigin | anonymous use-credentials | Autoriser les images provenant de sites tiers qui permettent l'accès inter-origine à être utilisés avec de la toile |
| height | pixels | Indique la hauteur d'une image |
| hspace | pixels | Non pris en charge en HTML5. Indique les espaces blancs sur le côté gauche et à droite d'une image |
| ismap | ismap | Indique une image en tant qu'image-map côté serveur |
| longdesc | URL | Indique une URL à une description détaillée d'une image |
| src | URL | Indique l'URL d'une image |
| usemap | #mapname | Indique une image comme une image map côté client |
| vspace | pixels | Non pris en charge en HTML5. Indique les espaces blancs sur le dessus et le bas d'une image |
| width | pixels | Indique la largeur d'une image |
Attributs globaux
Le <img> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <img> tag soutient également l' événement Attributs en HTML .
Essayez-le vous-même - Exemples
Insérer des images à partir de différents endroits
Comment insérer des images d'un autre dossier ou d'un autre site web.
Faire un lien hypertexte d'une image
Comment ajouter un lien hypertexte vers une image.
Créer une carte d'image
Comment créer une carte d'image, avec les régions cliquables. Chaque région est un lien hypertexte.
Pages associées
Didacticiel HTML: HTML Images
Référence HTML DOM: Objet Image
Tutoriel CSS: Styling Images
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <img> élément avec les valeurs par défaut suivantes: