Page test — rendu des blocs Notion

Ann-Julie Simard
2026-02-17
⚠️ Aucune couleur

✅ Gray : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

🤠 Brown : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

👌🏼 Orange : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

🔥 Yellow : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

Green : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

Blue : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

Violet : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

☝🏼 Pink : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

📢 Rouge : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.

➡️ Text Jaune : Cette page sert uniquement à tester le rendu des blocs Notion sur le site web.


Texte

Paragraphe simple avec gras, italique, barré, souligné, et du code.

Un lien vers Notion

Citations

Ici, on teste comment un paragraphe “normal” se comporte juste avant et juste après une citation. Sur le site, ça aide à voir l’espacement, la largeur de la colonne, et le retour à la ligne.

Ceci est un bloc de citation.
Ligne 1
Ligne 2
Ligne 3

Et ici, un autre paragraphe après la citation pour vérifier que le style revient bien au texte standard (taille, couleur, interligne).


Listes

Les listes servent souvent à structurer une idée. Ce paragraphe permet de voir si le rendu de la marge et de l’alignement est cohérent entre un texte et une liste.

Le texte reprend ici entre deux types de listes.

  1. Élément numéroté 1
  2. Élément numéroté 2
    1. Sous-élément 2.1

Petit paragraphe de fin de section pour tester l’espacement avant le prochain bloc.

Cases à cocher

Tâche non complétée
Tâche complétée

Toggle

Détails (toggle)
  • Contenu à l’intérieur du toggle
  • Un autre point
Toggle (titre)

Paragraphe à l’intérieur d’un toggle-titre.


Colonnes

Ce paragraphe est placé juste avant des colonnes pour tester la transition (espacement, largeur, comportement responsive).

  • Point A1
  • Point A2

Colonne B

✅ Callout dans une colonne.

Avec du contenue cette fois


Table

Un tableau est souvent utilisé pour comparer des éléments. Le paragraphe ci-dessous permet de vérifier la cohérence de la typographie entre texte et cellules.

Propriété Valeur
Texte Bonjour aw;odja;oiwjd;oiajwd;oijaw;oidj;aoiej moiajrfo iajdoifrgjs;odijrfg; oiajro;ifjodir;jf;osdjrg;oijsdr;oigjs;doirjg;oisjdr;goijse;origj;sodijrg;oisdjr;ogijsd;orijg;osdijrg;oisdjr;goijsd;origjsd;oirjg;osdijrg;osdijrg;oisjdr;ogijs;origj;s hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
Format Gras et italique

Code

Ce paragraphe sert à valider la lisibilité d’un bloc de code, et comment il se place dans le flux d’un article (marges, fond, scroll horizontal si nécessaire).

graph TD
	A[“Page Notion”] —> B[“Site web”]
	B —> C[“Rendu”]
function bonjour(nom) {
	return `Bonjour ${nom}`
}

Math

Ici, on vérifie si les formules sont bien alignées et si la taille du texte mathématique reste confortable à lire.

Équation inline: $E = mc^2$

$$ \sum_{i=1}^{n} i = \frac{n(n+1)}{2} $$


Dates (mention)

Aujourd’hui: 2026-02-17


Médias (embeds)

Paragraphe d’introduction aux médias: ce bloc permet de tester la largeur max des images, les légendes, et le comportement des embeds sur mobile.

Image (test)

Paragraphe entre l’image et la vidéo pour vérifier les espacements.

Vidéo (test)

Paragraphe entre la vidéo et l’audio pour vérifier la cohérence des lecteurs.

Audio (test)