outils:markdown

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
outils:markdown [2022/11/17 17:48] – [3. Les titres] philoutils:markdown [2022/11/17 18:14] (Version actuelle) – [9. Barre de séparation] phil
Ligne 35: Ligne 35:
    * **Emphase faible (italique)**    * **Emphase faible (italique)**
  
-<callout type="info" icon="true">**Entourer** le texte d'une simple étoile (*****) pour l'afficher en //italique// et d'une double (*** ***) pour l'afficher en **gras**.</callout>+<callout type="primary" icon="true">**Entourer** le texte d'une simple étoile (*****) pour l'afficher en //italique// et d'une double (*** ***) pour l'afficher en **gras**.</callout>
  
 //Exemple// //Exemple//
Ligne 63: Ligne 63:
 \\ \\
 === 3. Les titres === === 3. Les titres ===
-<callout type="info" icon="true">Les titres sont affichés avec le caractère **#**.</callout>+<callout type="primary" icon="true">Les titres sont affichés avec le caractère **#**.</callout>
  
 // Exemple// // Exemple//
Ligne 82: Ligne 82:
 === 4. Les listes === === 4. Les listes ===
   * **Les listes à puces**   * **Les listes à puces**
-<note>Les listes non ordonnées utilisent l’astérisque, le plus, ou encore le tiret — de façon tout à fait interchangeable.</note>+<callout type="primary" icon="true">Les listes non ordonnées utilisent l’**astérisque** *****, le plus **+**, ou encore le tiret **—** de façon tout à fait interchangeable.</callout>
  
 <code markdown *.md> <code markdown *.md>
Ligne 97: Ligne 97:
   * **Les listes à puces numérotées**   * **Les listes à puces numérotées**
  
-<note>Les listes ordonnées utilisent un nombre suivi d’un point.</note>+<callout type="primary" icon="true">Les listes ordonnées utilisent un **nombre suivi d’un point**.</callout>
  
 <code markdown *.md> <code markdown *.md>
Ligne 112: Ligne 112:
 === 5. Bloc de citations === === 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> <code markdown *.md>
Ligne 130: Ligne 130:
   * **Bloc de code**   * **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// //Exemple et résultat//
Ligne 142: Ligne 142:
     }     }
 </code> </code>
 +
 +//Resultat//
 +{{ :outils:testmd.png?nolink |}}
  
   * **Code en ligne**   * **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// //Exemple//
 <code markdown *.md> <code markdown *.md>
Ligne 150: Ligne 154:
 </code> </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// //Exemple//
 <code markdown *.md> <code markdown *.md>
-<span style=style="color:blue;">Un texte en bleu</span>+<span style=style="color:blue;">Un texte en bleu.</span>
 </code> </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 === === 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// //Exemple//
Ligne 172: Ligne 179:
 === 8. Les images === === 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// //Exemple//
Ligne 183: Ligne 190:
 === 9. Barre de séparation === === 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// //Exemple//
 <code markdown *.md> <code markdown *.md>
 +### Ce titre de niveau 3 est séparé du texte
 ----------------- -----------------
 +Le texte suivant le titre
 </code> </code>
  
 //Résultat// //Résultat//
 +{{ :outils:testmd3.png?nolink&400 |}}
  
 ---- ----
  • outils/markdown.1668703682.txt.gz
  • Dernière modification : 2022/11/17 17:48
  • de phil