Différences

Ci-dessous, les différences entre deux révisions de la page.

--- outils:markdown [2022/11/17 17:52] – [4. Les listes] phil
+++ outils:markdown [2022/11/17 18:14] (Version actuelle) – [9. Barre de séparation] phil
@@ Ligne 112: / Ligne 112: @@
 === 5. Bloc de citations ===
-<note>On utilise le caractère **>** pour les blocs de citation. </note>
+<callout type="primary" icon="true">On utilise le caractère **>** pour les **blocs de citation**.</callout>
 <code markdown *.md>
@@ Ligne 130: / Ligne 130: @@
   * **Bloc de code**
-<note>Pour produire un bloc de code avec Markdown, vous n’avez qu’à indenter chaque ligne d’un bloc par au moins 4 espaces ou une tabulation.</note>
+<callout type="primary" icon="true">Pour produire un bloc de code avec Markdown, vous n’avez qu’à **indenter** chaque ligne par au moins **4 espaces** ou une **tabulation** (touche Tab).</callout>
 //Exemple et résultat//
@@ Ligne 142: / Ligne 142: @@
     }
 </code>
+//Resultat//
+{{ :outils:testmd.png?nolink |}}
   * **Code en ligne**
-<note>On insère du code dans une ligne de texte en l'entourant du  caractère apostrophe **'**.</note>
+<callout type="primary" icon="true">On insère du **code dans une ligne de texte** en l'entourant du  caractère apostrophe **'**.</callout>
 //Exemple//
 <code markdown *.md>
@@ Ligne 150: / Ligne 154: @@
 </code>
-<note tip>Pour tout autre formatage du code (mise en gras ou en couleur des mots-clés, etc.) il faut utiliser les balises HTML (**code** et** pre**) pour formater le code et des règles CSS intégrées dans des balises <**span style=""**>.</note>
+//Résultat//
+{{ :outils:testmd2.png?nolink&500 |}}
+<callout type="tip" icon="true">Pour tout autre formatage du code (mise en gras ou en couleur des mots-clés, etc.) il faut utiliser les balises HTML (**code** et** pre**) pour formater le code et des règles CSS intégrées dans des balises <**span style=""**>.</callout>
 //Exemple//
 <code markdown *.md>
-<span style=style="color:blue;">Un texte en bleu</span>
+<span style=style="color:blue;">Un texte en bleu.</span>
 </code>
-<html><p style="color:blue;">Un texte en bleu</p></html> \\
+<html><p style="color:blue;">Un texte en bleu.</p></html> \\
 \\
 === 7. Les liens ===
-<note>Markdown supporte deux styles de liens : incorporé au texte et par référence. Dans les deux cas, le texte du lien est délimité par des [crochets].</note>
+<callout type="primary" icon="true">Markdown supporte deux styles de liens : **incorporé au texte** et par **référence**. Dans les deux cas, le texte du lien est délimité par des [**crochets**].</callout>
 //Exemple//
@@ Ligne 172: / Ligne 179: @@
 === 8. Les images ===
-<note>Markdown utilise une syntaxe d’image qui ressemble à la syntaxe des liens, permettant deux variantes : incorporé et par référence.</note>
+<callout type="primary" icon="true">Markdown utilise une syntaxe d’image qui ressemble à la syntaxe des liens, permettant deux variantes : **incorporée** et **par référence**.</callout>
 //Exemple//
@@ Ligne 183: / Ligne 190: @@
 === 9. Barre de séparation ===
-<note>Vous pouvez produire une ligne horizontale en plaçant au moins trois tirets, astérisques, ou barres de soulignement seuls sur une ligne. </note>
+<callout type="primary" icon="true">Vous pouvez produire une ligne horizontale en plaçant au moins trois tirets, astérisques, ou barres de soulignement seuls sur une ligne. </callout>
 //Exemple//
 <code markdown *.md>
+### Ce titre de niveau 3 est séparé du texte
 -----------------
+Le texte suivant le titre
 </code>
 //Résultat//
+{{ :outils:testmd3.png?nolink&400 |}}
 ----