Codes de mise en forme (markdown, html, bbcode)

iunctis.fr et Discourse en général utilisent plusieurs types de langages de mise en forme. Cela va du langage Markdown (utilisé sur reddit par exemple), html (langage principal des sites internet) ou les BBcodes (des forums anciennes générations comme phpBB, IPB, etc.).

Voici un listing des codes utilisables sur ce forum :

Fonctions basiques


  • Mettre en gras

  • **Texte** / __Texte__

  • <b>Texte</b> / <strong>Texte</strong>

  • [b]Texte[/b]

  • Mettre en italique

  • *Texte* / _Texte_

  • <i>Texte</i>

  • [i]Texte[/i]

  • Surligner

  • [u]Texte[/u]

  • Barrer

  • [s]Texte[/s]

  • Surligner

  • [su]Texte[/su]

  • Colorer un texte

  • [color=red]Texte[/color] / [color=#FF3300]Texte[/color]

  • <font color=red>Texte</font>

  • Ajouter une URL

  • [Titre du lien](lien)

  • <a href="lien">Titre du lien</a>

  • [url=lien]Titre du lien[/url]

  • Ajouter une image

  • Mettez le lien de l’image seul sur une ligne

  • <img src="lien">

  • [img]lien[/img]

  • Barre verticale

  • ---------- / _________ (seul sur une ligne)

  • <hr>

  • Flouter un texte (fonctionne aussi pour les images)

  • [spoiler]Texte[/spoiler]


## Titres, sous-titres, tailles du texte
  • Balises titres (hiérarchisation) : pour aider au référencement, un système de hiérarchisation des titres a été mis en place sur Internet.

  • <h1>Titre</h1> / # Titre pour le titre principal

  • <h2>Titre</h2> / ## Titre pour le sous-titre ou les titres de chapitres

  • <h3>Titre</h3> / ### Titre pour les sous-rubriques ou des titres mineurs.

  • etc.

  • Taille du texte

  • [size=7]Texte[/size] taille maximale autorisée

  • [size=6]Texte[/size]

  • [size=5]Texte[/size]

  • [size=4]Texte[/size]

  • [size=3]Texte[/size]

  • Texte de taille normale entre 2 et 3

  • [size=2]Texte[/size]

  • [small]Texte[/small] / [size=1]Texte[/size]


## Alignement, positionnement
  • Centrer

  • <div align="center">Texte ou image</div>

  • [center]Texte[/center]

  • Aligner à droite

  • <div align="right">Texte ou image</div>

  • [right]Texte[/right]

  • Justifier un texte

  • <div align="justify">Texte ou image</div>

  • [justify]Texte[/justify]

  • Élément flottant (float) : permet de placer un élément à gauche ou à droite de votre paragraphe principal pour une meilleure utilisation de l’espace.

  • [floatl]Texte ou image[/floatl] pour un élément placé à gauche

  • [floatr]Texte ou image[/floatr] pour un élément placé à droite


## Fonctions plus complexes
  • Cacher du texte

  • <details><summary>Texte visible</summary>Texte caché</details>

  • [details=Texte visible]Texte caché[/details]

  • Redimensionner une image

  • <img src="lien image" width="500" height="500" /> width correspond à la largeur en pixels, height à la hauteur, en pixels.

  • Créer un ancrage (consultez le guide dédié pour plus d’explications)

  • [**Texte**](#Ancre) point d’ancrage 1

  • <a name="Ancre"></a> destination de l’ancre


## Détails sur diverses fonctions
Deux guides vous font découvrir plus en détails des fonctions évoquées ici. Le guide que vous venez de consulter avait avant tout pour but de faire un listing complet.
4 J'aimes

Rapide, propre, efficace. :donj:

Rapide c’est mon crédo.

Le reste, moins :sac:

3 J'aimes

:twss:

6 J'aimes