Cours N°6 : Aligner un texte
Ce tutoriel a été conçu par nos soins et est donc notre propriété exclusive. Toute ressemblance avec un autre existant ne serait que pure coïncidence. Il est interdit de recopier intégralement ou partiellement nos tutoriels qui sont exclusivement réservés aux membres de ce forum.Pour ce cours nous allons apprendre à aligner un texte. L'alignement est important pour une bonne cohérence de vos pages ainsi qu'une bonne lecture de celui-ci.
Pour faire un alignement il faut utiliser les balises suivantes :
<P ALIGN=LEFT|CENTER|RIGHT></P>Information :L'appelation left signifie gauche, right=>droite et center=>centrer.
Remarque : par défaut, quand vous tapez un texte en utilisant n'importe quel traitement de texte, ce que vous tapez est habituellement aligné à gauche par défaut.Pour démarrer, voici les trois exemples en application :
1) Texte aligné à gauche : C'est sans aucun doute la méthode la plus utilisée sur le net car il est prouvé que le lecteur lit et retient mieux les textes alignés à gauche. En pratique cela donne ceci :
<p align="left">J'aligne mon texte à gauche</p>En visuel : J'aligne mon texte à gauche
2) Texte aligné à droite : Le texte aligné à droite est moins courant mais utile si vous désirez placer vos images sur la gauche donc les rendre plus visibles. En pratique cela donne ceci :
<p align="right">J'aligne mon texte à droite</p>En visuel: J'aligne mon texte à droite
3) Texte centré :Pour centrer votre texte il y a la balise
<center> que vous connaissez déjà. La deuxième méthode est d"appliquer la balise
<p align="center">. Cette méthode permet de faire un espace entre deux paragraphes tandis que la balise
<center> réduira l'espace entre deux paragraphes. Voici donc la deuxième méthode en pratique :
<p align="center">Pour centrer un texte cette balise est tout aussi bien que l'autre</center></p>En visuel : Pour centrer un texte cette balise est tout aussi bien que l'autre
Vous remarquerez que contrairement aux balises right et left, la balise center devra être obligatoirement fermée si vous ne désirez pas que le reste de votre texte soit centré.4) Justifier son texte :Cette méthode d'alignement est moins courante que les autres. Elle consiste à aligner votre texte de façon à ce que les marges pour chaque ligne soit égales à droite et à gauche de votre texte.
En pratique voilà ce que cela donne :
<p align="justify">A l’instant du basculement des chiffres, je songe au temps qui passe</p>Pour cette méthode vous n'aurez besoin que de mettre la balise </p> pour refermer. En titre d'exemple et pour ne pas allonger inutilement le tutoriel, voici le lien d'un site utilisant ce système d'alignement pour justifier ses textes. Cliquez sur le mot ci-dessous pour accéder au site en question et d'avoir un exemple de texte justifié :
Passons maintenant au devoir.
Exercice 1 : Nous allons vous demander d'utiliser le mot
chat et de le placer dans un premier temps à gauche puis ensuite à droite et enfin de le centrer (en utilisant la balise <p align="center"></center>)
Exercice 2 : Pour ce deuxième devoir vous devez choisir un mot que vous allez utiliser pour :
- le mettre à gauche en italique souligné
- le mettre à droite en gras et en couleur bleu (#0000ff)
- Le centrer en italique souligné en gras et en couleur bleu (#0000ff).
Pour exemple voici ce qui vous est demandé dans ce deuxième exercice :
Animaux
Animaux
Animaux
J'espère que ce tutoriel vous aura plu. Je vous donne rendez-vous au prochain cours où sera abordé l'affichage des images.