Syntaxe d’écriture de Markdown (utilisation dans Google Glide)


Bonjour,

En informatique il existe de nombreux langages de description de pages, qui permettent d’indiquer au système que l’on souhaite mettre en gras un texte, en souligné, que l’on veut faire un lien hypertexte, etc..

On trouve ce type de langage notamment dans les wiki.

Aujourd’hui je vous propose les bases du langage Markdown, car j’ai eu besoin d’utiliser ce langage pour mettre en forme des textes pour l(affichage dans le logiciel Google Glide.

Les instructions
mise en forme balise Exemple et résultat
Mise en Italique * exemple : *italique* pas d’espace entre * et le texte
résultat : italique
Mise en Gras ** exemple : **gras** pas d’espace entre ** et le texte
résultat : gras
Mise en gras et Italique **_ exemple : **_gras et Italique_** pas d’espace entre **_ et le texte
résultat : gras et italique
Lien Internet [texte du lien](URL du lien) exemple : [Site Ajt marche Nordique](https://ajtmarchenordique.wordpress.com/)
résultat : Site Ajt marche Nordique
Affichage une image ![texte de l’image](URL du lien) exemple : ![Libellule](https://ajtmarchenordique.files.wordpress.com/2020/06/libellule.jpg?w=640&h=480)
résultat :
Liste à puce * exemple :
* un
* deux
résultat :

  • un
  • deux
liste compteur 1. (chiffre avec . derrière et espace) exemple :
1. un
2. deux
résultat :

  1. un
  2. deux
liste en cascade il faut indenter exemple :
* un
  * 1-1
  * 1-2
* deux
résultat :

  • un
    • 1-1
    • 1-2
  • deux
Titre Niveau 1 à n #
##
###
exemple :
# titre 1
## titre 2
### titre 3
résultat :

titre1

titre1

titre3

Remarques : deux espaces en fin de ligne clos un paragraphe

Exemple complet

Je suis **en gras** et je vais passer en *italique*, et je passe en **_gras et italique_**
# Titre 1
ma liste à puce
* premier élément
* sous élément 1
* sous élément 2
* deuxième élément
1. sous élément 2
2. sous **élément 2 en gras**

Une image en dessous
![Libellule](https://ajtmarchenordique.files.wordpress.com/2020/06/libellule.jpg?w=300)
Un lien Hypertexte
[Page d'accueil](https://ajtmarchenordique.files.wordpress.com)

Il y a deux espaces à la fin des lignes suivante s: « sous **élément 2 en gras** », « Une image en dessous » et « Un lien Hypertexte »

Voici le Résultat

Je suis en gras et je vais passer en italique, et je passe en gras et italique

Titre 1


ma liste à puce

  • premier élément
    • sous élément 1
    • sous élément 2
  • deuxième élément
    1. sous élément 2
    2. sous **élément 2 en gras**

Une image en dessous

Un lien Hypertexte
Page d’accueil

Correspondance MarkDown et HTML
mise en forme balise Markdown balise HTML
Mise en Italique * <i>italique</i>
Mise en Gras ** <b>gras</b>
Mise en gras et Italique **_ <b><i>gras et italique</i></b>
Lien Internet [texte du lien](URL du lien) <a href= »URL du lien »>texte du lien</a>
Affichage une image ![texte de l’image](URL du lien) <img src= »URL du lien » alt= »texte de l’image » />
Liste à puce * <ul><li></li></ul>
liste compteur 1. (chiffre avec . derrière et espace) <ol><li></li></ol>
liste en cascade il faut indenter <ul><li><ul><li></li></ul></li></ul>
Titre Niveau 1 à n #
##
###
<H1></H1>
<H2></H2>
<H3></H3>

Liens vers des sites sur Markdown

  1. https://docs.glideapps.com/all/reference/components/text/rich-text, markdown dans Google Glide
  2. https://www.markdowntutorial.com/, tutoriel en anglais
  3. https://daringfireball.net/projects/markdown/basics explication des balises de base (anglais)

Jean-Marc

Bienvenue sur le Blog de la Section Marche Nordique du Taillan-Médoc. Sport, Nature et Amitié.

<span>%d</span> blogueurs aiment cette page :