English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Ce texte décrit l'attribut align de l'élément img en HTML, qui spécifie l'alignement de l'image par rapport aux éléments environnants. L'élément img est un élément en ligne (il n'insère pas une nouvelle ligne sur la page), ce qui signifie que le texte et d'autres éléments peuvent l'encercler. Par conséquent, spécifier l'alignement de l'image par rapport aux éléments environnants peut être très utile.
Définir plusieurs méthodes d'alignement des images dans le texte :
!DOCTYPE html> <html> <head> <title>HTML:<img> align attribute - 基础教程网 oldtoolbag.com</title> <body> <h2>align="bottom" (par défaut):</h2> <p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42"> This is some text.</p> <h2>align="middle":</h2> <p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="middle"> This is some text.</p> <h2>align="top":</h2> <p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="top"> This is some text.</p> <h2>align="right":</h2> <p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="right"> This is some text.</p> <h2>align="left":</h2> <p>This is some text. <img src="haha.gif" alt="haha face" width="42" height="42" align="left"> This is some text.</p> </body> </html>Voyons voir ‹/›
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge l'attribut align.
HTML5 Le propriétaire de l'alignement <img> n'est pas pris en charge. Utilisez CSS à la place.
Dans HTML 4.01 Dans ce qui suit, l'attribut align de <img> est obsolète.
L'attribut align spécifie l'alignement de l'image en fonction des éléments environnants.
L'élément <img> est un élément en ligne (il n'insère pas de nouvelle ligne sur la page), ce qui signifie que le texte et d'autres éléments peuvent l'encercler. Par conséquent, spécifier l'alignement de l'image en fonction des éléments environnants peut être utile.
Dans HTML 4.01 Dans ce qui suit, l'attribut align de <img> est obsolète. Utilisez CSS à la place.
Syntaxe CSS : <img style="float:right">
Exemple CSS : Flottaison vers la droite de l'image
Dans notre tutoriel CSS, vous pouvez trouver plus d'informations sur Attribut floatdétails.
<img align="left|right|middle|top|bottom">
Valeur | Description |
---|---|
left | Aligner l'image à gauche. |
right | Aligner l'image à droite. |
middle | Aligner l'image avec le centre. |
top | Aligner l'image avec le haut. |
bottom | Aligner l'image avec le bas. |