L'attribut d'alignement dans une image ne permet pas d'aligner l'image dans le document comme le ferait le même attribut avec <table> ou <p>, mais d'aligner le texte par rapport à l'image.
Parfois, il peut être nécessaire de placer du texte auprès ou autour d'une image pour un souci de présentation.
Pour cela, il faut utiliser l'attribut d'alignement de la commande d'insertion d'image et les balises de paragraphe puis placer le texte entre les deux instructions.
La commande <p><img src="Adresse de l'image" align="Type d'alignement"*> Légende </p> permet l'alignement d'un texte par rapport à une image.
Les différentes valeurs de cet attribut sont : top, middle, bottom, left et right.
<html>
<head>
<title>Un titre pertinent</title>
<meta name="Description" content="...">
<meta http-equiv="Date" content="01/01/2000">
...
</head>
<body>
<p>
<img
src="Adresse de l'image"
align="Type d'alignement">
texte
</p>
...
Diverses commandes HTML
...
</body>
</html> |
| *Type d'alignement |
Description | Exemple |
|---|---|---|
| align="top" | Le texte en haut à droite de l'image | Le bison est est une espèce en voie d'extinction. |
| align="middle" | Le texte à droite et à mi-hauteur de l'image | Le bison est est une espèce en voie d'extinction. |
| align="bottom" | Le texte en bas à droite de l'image | Le bison est est une espèce en voie d'extinction. |
| align="left" | Le texte à gauche de l'image | Le bison est est une espèce en voie d'extinction. |
| align="right" | Le texte à droite de l'image | Le bison est est une espèce en voie d'extinction. |