English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Tous les tags HTML

HTML: <img> align attribute

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.

 HTML <img> balise

Exemple en ligne

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 ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut align.

Définition et utilisation

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.

Commentaires de compatibilité

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.

Syntaxe

<img align="left|right|middle|top|bottom">

Valeur de l'attribut

ValeurDescription
leftAligner l'image à gauche.
rightAligner l'image à droite.
middleAligner l'image avec le centre.
topAligner l'image avec le haut.
bottomAligner l'image avec le bas.
 HTML <img> balise