Tirets de dialogue

Pour un tiret cadratin, utiliser :

• la balise — qui sera convertie en — ou bien la balise — qui sera convertie en —

Pour un demi cadratin, utiliser :

• la balise – convertie en –

Échappement de caractères

Markdown permet d’utiliser une barre oblique inverse \ pour générer des caractères littéraux qui auraient autrement une autre signification dans la syntaxe de Markdown.

Par exemple, si on veut entourer un mot avec des astérisques (sans créer de balise HTML), on doit ajouter une barre oblique \ devant l’astérisque : \*astérisques littéraux\*. Markdown permet d’échapper les caractères suivants :

\ barre oblique inverse

* astérisque

_ trait souligné

{} accolades

[] crochets

() parenthèses

# dièse

+ plus

- tiret

. point

! point d'exclamation

Espace vide forcé

Pour forcer la création d'une espace vide (équivalent à un appui sur la barre d'espacement), on utilise la balise  

• Exemple de deux emplacements pour écrire les mots sept ans sur des tirets séparés : _ _ _ _   _ _ _

Espace insécable

Dans les documents HTML, l’exemple le plus connu d’espace insécable est l’entité :   , celle-ci a les mêmes propriétés que l’espace régulière, avec l’avantage de garder sur une même ligne les caractères étant de chaque côté.

Pour l’espace fine, l’entité   est supportée par la plupart des fureteurs récents. Mais l’entité   est sécable, ce qui veut dire qu’en fin de ligne les caractères suivants seront poussés à la ligne suivante.

L’espace fine insécable n’est tout simplement pas définie dans la norme Unicode. Alors que certains opteront pour l’utilisation de l’espace insécable ordinaire  , ce n’est pas la bonne solution.

Heureusement, Unicode définit le « NARROW NO-BREAK SPACE », utilisant l’entité numérique :  . Cette espace étroite est insécable et peut être utilisée à la perfection comme espace fine insécable dans tout document HTML.

En typographie soignée, on prendra donc soin d’utiliser l’entité   comme espace fine insécable.

Couleur dans le texte

Pour mettre du texte en couleur, on utilise les balises <span style="color: #CC0000">Texte à colorer en rouge</span>. La couleur n'est pas visible pas dans la fenêtre Preview de d'éditeur mais elle bien présente à l'affichage : Texte à colorer en rouge

Ou bien encore ce code <font color=red>Texte en rouge</font> qui affichera Texte en rouge

Alinéa

   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.

  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.

Justification de paragraphes

Paragraphe aligné à droite - Lorem ipsum dolor sit amet.

Paragraphe centré - Lorem ipsum dolor sit amet.

Paragraphe justifié - 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.

Mise en page des images

Image insérée à droite du texte

Attention à bien faire un saut de ligne entre le code de l'image et le texte du paragraphe - 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. 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.