Leçon 5 / 6
Leçon 05 · Partie 2 — Aller plus loin

Code et tableaux

Le code inline

Pour mentionner un mot de code dans une phrase, entoure-le d'un backtick (`).

Le backtick se trouve sur la touche à gauche du 1 sur un clavier français (avec AltGr).

Installe le paquet avec `npm install`.
Le fichier s'appelle `index.html`.
La variable `userName` contient le prénom.
Aperçu rendu

Installe le paquet avec npm install.

Le fichier s'appelle index.html.

La variable userName contient le prénom.

Les blocs de code

Pour afficher plusieurs lignes de code, utilise trois backticks avant et après le bloc.

```
function direBonjour(nom) {
  return "Bonjour " + nom;
}
```

Coloration syntaxique

Ajoute le nom du langage après les trois backticks. Le rendu colore le code automatiquement.

```javascript
function direBonjour(nom) {
  return "Bonjour " + nom;
}
```
Aperçu rendu
function direBonjour(nom) { return "Bonjour " + nom; }

Langages courants à utiliser :

  • javascript ou js — JavaScript
  • python ou py — Python
  • html — HTML
  • css — CSS
  • bash ou sh — commandes terminal
  • sql — requêtes SQL
  • json — données JSON

Exemple — bloc bash

```bash
git clone https://github.com/monuser/monprojet.git
cd monprojet
npm install
npm start
```
💡

Si tu ne connais pas le langage, écris juste ``` sans rien. Le code s'affichera quand même en police monospace.

Les tableaux

Un tableau Markdown utilise des | (pipes) pour séparer les colonnes et des tirets pour la ligne d'en-tête.

| Prénom | Age | Ville    |
|--------|-----|----------|
| Marie  | 28  | Paris    |
| Paul   | 34  | Lyon     |
| Sophie | 22  | Nantes   |
Aperçu rendu
Prénom Age Ville
Marie 28 Paris
Paul 34 Lyon
Sophie 22 Nantes

Aligner les colonnes

Ajoute : dans la ligne de tirets pour choisir l'alignement.

| Gauche  | Centre   | Droite  |
|:--------|:--------:|--------:|
| texte   | texte    | texte   |
| abc     | abc      | abc     |
  • :--- = aligné à gauche (défaut)
  • :---: = centré
  • ---: = aligné à droite
⚠️

Les tableaux Markdown ne supportent pas les cellules fusionnées. Pour des tableaux complexes, utilise du HTML directement.

// À retenir
  • `code` = code inline dans une phrase
  • Trois backticks = bloc de code multiligne
  • Ajoute le nom du langage après les backticks pour la coloration
  • | col1 | col2 | + ligne de tirets = tableau
  • :---: pour centrer, ---: pour droite