Minutes to read.
Normal
PréformatéAdresse
Blockcote
Alignement à gauche (fer à gauche), le plus facile à lire, il produit un effet d’ouverture et de clarté on peut donc facilement avancer que la lecture d’un texte aligné à gauche est plus facile que celle d’un texte justifié.
Alignement Centré,
formel,
idéal pour des invitations ou annonces
mais plus fatiguant.
Alignement à droite (fer à droite),
informel, difficile à lire,
il demande des efforts au lecteur.
Alignement justifié, en fonction de la longueur des mots utilisés, la justification peut entrainer l’affichage de grands espaces blancs entre les mots, ce qui ne facilite pas vraiment la lecture.
Un caractère gras a tendance à agir sur la persistance rétinienne.
Les CAPITALES sont plus difficile à lire (elles ralentissent la lecture). Il est préférable d’utiliser les minuscules.
(N o t e : T r o p d ' e s p a c e d i m i n u e l a l i s i b i l i t é .)
L'image doit être au préalable téléchargée sur le site, dans un sous répertoire dont le nom correspond avec la page en cours.
Si votre image est inférieure à 480 pixels vous pouvez l'insérer en cliquant sur son nom
Si l'image est trop grande, cliquer sur miniature (à droite de l'image),cela vas inserer une miniature qui sera agrandie si on clique dessus 
Editer en mode source
<div aria-multiselectable="true" class="panel-group" id="accordion-1" role="tablist">
<div class="panel panel-default">
<div class="panel-heading" id="titre-1" role="tab">
<h5 class="panel-title"><a aria-controls="test-1" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion-1" data-toggle="collapse" href="#test-1" role="button">titre blabla 1</a></h5>
</div><div aria-labelledby="titre-1" class="panel-collapse collapse" id="test-1" role="tabpanel">
<div class="panel-body">texte blabla 1</div>
</div>
</div><div class="panel panel-default">
<div class="panel-heading" id="titre-2" role="tab">
<h5 class="panel-title"><a aria-controls="test-2" aria-expanded="false" class="accordion-toggle collapsed" data-parent="#accordion-1" data-toggle="collapse" href="#test-2" role="button">titre blabla 2</a></h5>
</div><div aria-labelledby="titre-2" class="panel-collapse collapse" id="test-2" role="tabpanel">
<div class="panel-body">texte blabla 2</div>
</div>
</div>
</div>
si <div aria-multiselectable="true" le panel reste ouvert
si class="accordion-toggle collapsed" le panel est fermé
si class="accordion-toggle" le panel est ouvert
