Rubrique 1
Bloc avec les styles du RTE
Sous-titre de bloc qui se transforme en titre de niveau h3
A a À à Â â Ä ä Ã ã B b C c ç D d E e é È è Ê ê Ë ë F f G g H h I i Ì ì Î î Ï ï J j K k L l M m N n Ñ ñ O o Ò ò Ô ô Ö ö Õ õ P p Q q R r S s T t U u Ù ù Û û Ü ü V v W w X x Y y ÿ Z z
_ - ' . , ; : ! ? @ & § ~ ^ " ¨ ° | ( ) { } [ ] / \\ < > " #
0 1 2 3 4 5 6 7 8 9 ² * + = % µ
€ $ ¤ £ œ
A a À à Â â Ä ä Ã ã B b C c ç D d E e é È è Ê ê Ë ë F f G g H h I i Ì ì Î î Ï ï J j K k L l M m N n Ñ ñ O o Ò ò Ô ô Ö ö Õ õ P p Q q R r S s T t U u Ù ù Û û Ü ü V v W w X x Y y ÿ Z z
_ - ' . , ; : ! ? @ & § ~ ^ " ¨ ° | ( ) { } [ ] / \\ < > " #
0 1 2 3 4 5 6 7 8 9 ² * + = % µ
€ $ ¤ £ œ
Liens externes et internes
Ceci est un paragraphe avec un lien externe vers Artifica
Ceci est un paragraphe😀 avec 🤣 un lien interne vers la page d'accueil du site
Liens du RTE
Lien vers un paragraphe d'une page
Texte barré
Texte avec une partie en "important"
Texte avec un lien "0123456789"
Exemple de bouton paramétrable
Exemple de titres (du h3 au h6)
Texte du titre de niveau 4
Texte du titre de niveau 5
Il n'y a pas de titre de niveau 6
Exemple de citation
Contrairement à une idée répandue, le faux-texte ne donne même pas un aperçu réaliste du gris typographique, en particulier dans le cas des textes justifiés.
Exemple de vidéo enregistrée en BO uniquement avec un lien entre crochet
Bloc de texte avec des titres dans le bloc (vérification des styles, dont la marge)
Test de titre h2
Test de titre h3
Test de titre h4
Test de titre h5
Pas de h6 prévu par Bootstrap Package !
Bloc de texte avec une belle image à sa droite
Expert en utilisabilité des sites web et des logiciels, Jakob Nielsen souligne que l'une des limites de l'utilisation du faux-texte dans la conception de sites web est que ce texte n'étant jamais lu, il ne permet pas de vérifier sa lisibilité effective. La lecture à l'écran étant plus difficile, cet aspect est pourtant essentiel.
Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum. On peut aussi faire remarquer que les formules conçues avec du faux-texte ont tendance à sous-estimer l'espace nécessaire à une titraille immédiatement intelligible, ce qui oblige les rédactions à formuler ensuite des titres simplificateurs, voire inexacts, pour ne pas dépasser l'espace imparti.
Bloc de texte avec 4 images cliquables en-dessous
Expert en utilisabilité des sites web et des logiciels, Jakob Nielsen souligne que l'une des limites de l'utilisation du faux-texte dans la conception de sites web est que ce texte n'étant jamais lu, il ne permet pas de vérifier sa lisibilité effective.
La lecture à l'écran étant plus difficile, cet aspect est pourtant essentiel. Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum. On peut aussi faire remarquer que les formules conçues avec du faux-texte ont tendance à sous-estimer l'espace nécessaire à une titraille immédiatement intelligible, ce qui oblige les rédactions à formuler ensuite des titres simplificateurs, voire inexacts, pour ne pas dépasser l'espace imparti.
Listes
Liste ordonnée
- Il circule des centaines
- Expert en utilisabilité des sites web et des logiciels
- pour ne pas dépasser l'espace imparti
- Il circule des centaines
- Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
- Dragée candy danish.
- Il circule des centaines
- Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
- Il circule des centaines
- Expert en utilisabilité des sites web et des logiciels
Liste non-ordonnée
- Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
- Expert en utilisabilité des sites web et des logiciels
- Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
- Il circule des centaines
- pour ne pas dépasser l'espace imparti
- Il circule des centaines
- Expert en utilisabilité des sites web et des logiciels
- Expert en utilisabilité des sites web et des logiciels
- Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
- Il circule des centaines
Texte avec cadre "encart"
Titre de niveau h3
Expert en utilisabilité des sites web et des logiciels, Jakob Nielsen souligne que l'une des limites de l'utilisation du faux-texte dans la conception de sites web est que ce texte n'étant jamais lu, il ne permet pas de vérifier sa lisibilité effective. La lecture à l'écran étant plus difficile, cet aspect est pourtant essentiel. Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum. On peut aussi faire remarquer que les formules conçues avec du faux-texte ont tendance à sous-estimer l'espace nécessaire à une titraille immédiatement intelligible, ce qui oblige les rédactions à formuler ensuite des titres simplificateurs, voire inexacts, pour ne pas dépasser l'espace imparti.
Le saviez-vous ?
Titre intérieur au bloc
Il circule des centaines de versions différentes du Lorem ipsum, mais ce texte aurait originellement été tiré de l'ouvrage de Cicéron, De Finibus Bonorum et Malorum (Liber Primus, 32), texte populaire à cette époque, dont l'une des premières phrases est : « Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit... » (« Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est... »).
Tableaux (table, table-striped, table-bordered et table-condensed)
Class table
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
A row with a cell spanning all 3 columns | ||
Table Footer 1 | Table Footer 2 | Table Footer 3 |
Class table-striped
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
A row with a cell spanning all 3 columns | ||
Table Footer 1 | Table Footer 2 | Table Footer 3 |
Class table-bordered
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
A row with a cell spanning all 3 columns | ||
Table Footer 1 | Table Footer 2 | Table Footer 3 |
Class table-condensed
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
A row with a cell spanning all 3 columns | ||
Table Footer 1 | Table Footer 2 | Table Footer 3 |
Bloc d'accordéon

Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.
Il circule des centaines de versions différentes du Lorem ipsum, mais ce texte aurait originellement été tiré de l'ouvrage de Cicéron, De Finibus Bonorum et Malorum (Liber Primus, 32), texte populaire à cette époque, dont l'une des premières phrases est : « Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit... » (« Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est... »).