Outre les alignements pour les titres et les paragraphes, il existe d'autres méthodes permettant l'alignement des éléments HTML tels que les textes, les images notamment.
La commande <div align="Type d'alignement"*> marque le début de l'élément à aligner.
La commande </div> marque la fin de l'élément à aligner.
L'attribut nowrap" interdit le retour à la ligne automatique au sein de la division.
* Les options possibles d'alignement sont "Left" (par défaut) pour la gauche, "right" pour la droite, "center" pour le centre ou "justify" pour la justification d'un texte.
<html> <head> <title>Un titre pertinent</title> <meta name="Description" content="..."> ... </head> <body> <h1>Titre</h1> <p align="left">Paragraphe</p> <div align="center"> Différents objets HTML </div> ... Diverses commandes HTML ... </body> </html> |
A Addis Abeda, treize organisations non-gouvernementales (ONG) ont appelé la communauté internationale à un "engagement durable et sans interruption" en faveur de l'Ethiopie au cours des six prochains mois afin d'éviter une famine qui menace huit millions d'Ethiopiens.
Le président Bill Clinton a exhorté samedi la communauté américano-cubaine de Miami à respecter les lois américaines dans l'affaire Elian Gonzalez, le petit naufragé cubain dont son grand-oncle et son père se disputent la garde.
A Washington, les services de l'immigration américains (INS) ont officiellement notifié au grand-oncle du petit naufragé cubain Elian Gonzalez qu'il n'avait plus la garde temporaire de ce dernier, dans une lettre rendue publique par le département de la Justice.
Microsoft et IBM mettent de cote leurs antagonismes pour travailler ensemble autour du standard XML. Et trouvent un terrain d'entente dans leur aspiration a dominer le marche des applications Internet. Provisoirement ?
<div align="left"> <h3> ... </h3> <p> ... </p> </div> <div align="center"> <h3> ... </h3> <p> ... </p> </div> <div align="right"> <p> ... </p> </div> <div align="justify"> <h3> ... </h3> <p> ... </p> </div> |
<div align="right"> <img src="./..." border="0" width="350" height="243"> </div> <div align="left"> <img src="./..." border="0" width="350" height="230"> </div> |