Contact
29-07-2010
Alignements et blocs de texte Convertir en PDF Version imprimable Suggérer par mail
Il existe 4 types d'alignement de texte dans le web : "Gauche" - "Centré" - "Droite" - "Justifié"

GaucheExemple d'un alignement à gauche (par défaut)

CentréExemple d'un alignement centré

DroiteExemple d'un alignement à droite

Justifié Exemple d'un alignement justifié, dont le bloc de texte doit contenir au minimum deux lignes pour que la justification du texte soit visible. S'il ne contient qu'une ligne, le texte sera affiché avec un alignement à gauche !

Attention, si vous justifiez du texte avec des ponctuations espacées en fin de phrase, elles peuvent se retrouver seules à la ligne suivante !
Exemple :
La phrase qui serait justifiée jusqu'au bord de page avec le... >>>
?   <<< ...seul sur la ligne suivante.

Cela est dû à l'espace qui le sépare du mot.

Pour lier un mot avec une ponctuation espacée, il faut appliquer un "Espace Insécable" (absolu) Espace insécable
 
Comme dans un traitement de texte, il existe un attribut "A la ligne" et un attribut "Paragraphe" permettant de créer des "Blocs de texte"

L'attribut "A la ligne"  (balise <br />) donne par défaut à la nouvelle ligne l'alignement de la précédente.

Exemple avec un alignement centré :

Ligne 1
Ligne 2


L'attribut "Paragraphe" (balise <p>...</p>) permet de créer un nouveau bloc de texte avec son alignement.

Exemple de paragraphes alignés à gauche, au centre, et à droite : 

Paragraphe 1

Paragraphe 2

Paragraphe 3

A la ligne
A la ligne = "Shift" + "Enter"
Paragraphe
Paragraphe = "Enter"

 

 

 

 

 

Afin de séparer les blocs de texte, il existe une barre horizontale
  • Cette barre horizontale (balise <hr>) est commune à tous les éditeurs web
  • Elle peut avoir un attribut de largeur, d'épaisseur, de couleur et, un effet d'ombre
  • Elle peut avoir un style appliqué par une feuille de "Style CSS"
Les feuilles de "Style CSS" sont liées à l'habillage du site
  • Les styles CSS permettent de modifier les styles par défaut, de créer des fonds, d'insérer des images, etc.
  • Les styles CSS s'appliquent aux balises existantes
  • Il est possible de créer autant de styles CSS que souhaité !
Les alignements des images permettent de déterminer la manière dont le texte se positionne par rapport à l'image

Il existe 6 positions par défaut disponibles dans les éditeurs :

images_alignement.png

Attention, les paramètres d'alignement s'appliquent aux images et non pas au texte !
Dernière mise à jour : ( 28-11-2007 )
 
[ Retour ]
Retour
Haut de page