« Le langage HTML/Placement des objets » : différence entre les versions
Contenu supprimé Contenu ajouté
m correction |
CSS |
||
Ligne 3 :
Le placement des objets relève de la mise en forme. Certes, on a expliqué en introduction que le HTML ne concernait pas la mise en forme mais seulement la description du contenu ; par exemple, la balise <code><blockquote>…</blockquote></code> a pour effet de décaler le texte vers la droite, mais ce n'est qu'une conséquence de la feuille de style appliquée au bloc de citation.
Nous allons faire une exception à cette règle pour placement des objets. En effet, avant le CSS, le placement des objets était déjà une préoccupation, le W3C a donc créé des balises permettant ce placement — donc de la mise en forme —, on peut donc toujours de telles balise dans du code ou des ouvrages. Les balises sont donc données à titre d'information, mais elles devraient être proscrites au profit du CSS.
== Ancien HTML ==
Par défaut, les objets — texte, images… — sont aligné à gauche, à moins que le réglage du navigateur ou la feuille de style en décide autrement.
Ligne 14 ⟶ 16 :
En fait, <code><p align="''valeur''">…</p></code> est la contraction de <code><div align="''valeur''"><p>…</p></div></code>, et <code><img src="…" … align="''valeur''" /></code> est la contraction de <code><div align="''valeur''"><img src="…" … /></div></code>
Ceci est maintenant obsolète avec le [[CSS]]. Il est maintenant recommandé de ne pas utiliser les balises ci-dessus et d'avoir recours au CSS, par exemple :
* pour du texte : <code><div style="text-align:''valeur''">…</div></code>, ou ''valeur'' est <code>right</code>, <code>center</code> ou <code>justify</code>;
* pour une image
** pour aligner à droite : <code><div style="position:absolute;right:''10px'';">…</div></code> (ce qui laisse une marge de 10 pixel à droite) ;
** pour centrer : <code><div style="width:''valeur'';margin: 0 auto;">…</div></code>, ou ''valeur'' est la largeur de l'image.
| |||