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 | ![]() |
align="middle" | Le texte à droite et à mi-hauteur de l'image | ![]() |
align="bottom" | Le texte en bas à droite de l'image | ![]() |
align="left" | Le texte à gauche de l'image | ![]() |
align="right" | Le texte à droite de l'image | ![]() |