Headers (h1-h6)

Titre H1 - Primary Heading

Titre H2 - Secondary Heading

Titre H3 - Tertiary Heading

Titre H4 - Quaternary Heading

Titre H5 - Quinary Heading
Titre H6 - Senary Heading
Paragraphes (p)Validé

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet sed, vulputate eget, feugiat at, felis.

Deuxième paragraphe avec du texte en gras, du texte en italique, du texte souligné et du code inline.

Paragraphe avec un lien hypertexte et une abbr.

Liens (a)Validé
Liens
RenduCode HTML
Lien avec href<a href="#">...</a>
Lien sans href<a>...</a>
Lien externe<a href="https://..." target="_blank">...</a>
Liste non ordonnée (ul/li)Validé
  • Premier élément
  • Deuxième élément
  • Troisième élément avec sous-liste
    • Sous-élément A
    • Sous-élément B
  • Quatrième élément
Liste ordonnée (ol/li)Validé
  1. Premier élément
  2. Deuxième élément
  3. Troisième élément avec sous-liste
    1. Sous-élément 1
    2. Sous-élément 2
  4. Quatrième élément
Liste de définitions (dl/dt/dd)Validé
Terme 1
Définition du terme 1
Terme 2
Définition du terme 2
Tableau (table)Validé
Titre du tableau (caption)
En-tête 1En-tête 2En-tête 3
Cellule 1.1Cellule 1.2Cellule 1.3
Cellule 2.1Cellule 2.2Cellule 2.3
Cellule 3.1Cellule 3.2Cellule 3.3
Pied 1Pied 2Pied 3

Tableau avec colonne liquide
Tableau avec colonne liquide
Colonne liquideColonne 2Colonne 3
Cellule 1.1Cellule 1.2Cellule 1.3
Cellule 2.1Cellule 2.2Cellule 2.3
Cellule 3.1Cellule 3.2Cellule 3.3
Citation (blockquote)Validé

Ceci est une citation dans un bloc blockquote.

— Auteur de la citation
Code (code/pre)Validé
Code:

Code inline : console.log("Hello")

Pre:
function hello() {
  console.log("Hello, World!");
  return true;
}
Tags (.tag)Validé 2025-12-26
Basic Tags
Basic Tags
RenduShortcode
Tag simpletag label="..."
Tag icônetag label="..." icon="..."
Tag lientag label="..." link="..."
Tag lien + icônetag label="..." icon="..." link="..."
Tags with Icons (Filled)
Tags with Icons (Filled)
RenduShortcode
dangertag "danger" color="danger" filled=true icon="..."
successtag "success" color="success" filled=true icon="..."
warningtag "warning" color="warning" filled=true icon="..."
infotag "info" color="info" filled=true icon="..."
branchtag "branch" color="blue" filled=true icon="..."
leaftag "leaf" color="green" filled=true icon="..."
pagetag "page" color="orange" filled=true icon="..."
Semantic Colors
Semantic Colors
RenduShortcode
danger dangercolor="danger" / filled=true
success successcolor="success" / filled=true
warning warningcolor="warning" / filled=true
info infocolor="info" / filled=true
mutedcolor="muted"
Chromatic Colors
Chromatic Colors
RenduShortcode
navy navycolor="navy"
blue bluecolor="blue"
aqua aquacolor="aqua"
teal tealcolor="teal"
olive olivecolor="olive"
green greencolor="green"
lime limecolor="lime"
yellow yellowcolor="yellow"
orange orangecolor="orange"
red redcolor="red"
fuchsia fuchsiacolor="fuchsia"
purple purplecolor="purple"
maroon marooncolor="maroon"
silver silvercolor="silver"
black blackcolor="black"
white whitecolor="white"
Éléments inline
Elements inline
RenduDescriptionCode HTML
strongTexte important<strong>...</strong>
bTexte en gras<b>...</b>
emTexte accentué<em>...</em>
iTexte en italique<i>...</i>
uTexte souligné<u>...</u>
sTexte barré<s>...</s>
delTexte supprimé<del>...</del>
insTexte inséré<ins>...</ins>
markTexte surligné<mark>...</mark>
smallPetit texte<small>...</small>
H2OIndice<sub>...</sub>
x2Exposant<sup>...</sup>
Ctrl+CRaccourci clavier<kbd>...</kbd>
variableVariable<var>...</var>
sample outputSortie d'exemple<samp>...</samp>
Séparateur (hr)Validé

Texte avant le séparateur.


Texte après le séparateur.

Adresse (address)Validé
Cylian
Dijon, France
contact@cylian.fr
Accordéon (details/summary)Validé
Cliquez pour voir plus

Contenu caché qui apparaît quand on clique sur le summary.