Vendredi, 10 Septembre 2010

Menu Principal

Menu Divers

Qui est en ligne ?

Nous avons 10 invités en ligne

Stat's depuis le 20.10.07

mod_vvisit_counterAujourd'hui121
mod_vvisit_counterHier762
mod_vvisit_counterSemaine3231
mod_vvisit_counterMois6872
mod_vvisit_counterTous457688
Affiche le nombre de clics des articles : 488337
Alignements et blocs de texte PDF Imprimer Envoyer
Écrit par Sarki   
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 :

Alignement des images

Attention, les paramètres d'alignement s'appliquent aux images et non pas au texte !
< Précédent   Suivant >
Mise à jour le Mercredi, 28 Novembre 2007 14:38