learnxinyminutes-docs/fr-fr/markdown-fr.html.markdown

368 lines
8.2 KiB
Markdown
Raw Normal View History

2014-10-24 23:28:23 +00:00
---
language: markdown
contributors:
2014-10-25 12:56:07 +00:00
- ["Andrei Curelaru", "http://www.infinidad.fr"]
2015-11-07 17:12:21 +00:00
filename: markdown-fr.md
2014-10-28 21:12:58 +00:00
lang: fr-fr
2014-10-24 23:28:23 +00:00
---
Markdown a été créé par John Gruber en 2004. Il se veut être d'une syntaxe
facile à lire et à écrire, aisément convertible en HTML (et dans beaucoup
d'autres formats aussi).
Les implémentations du Markdown varient d'un analyseur syntaxique à un autre.
Ce guide va essayer de clarifier quand une fonctionnalité est universelle ou
quand elle est specifique à un certain analyseur syntaxique.
- [Balises HTML](#balises-html)
- [En-têtes](#en-tetes)
- [Styles de texte basiques](#style-de-text-basiques)
- [Paragraphes](#paragraphes)
- [Listes](#listes)
- [Blocs de code](#blocs-de-code)
- [Séparateur horizontal](#separateur-horizontal)
- [Liens hypertextes](#liens-hypertextes)
- [Images](#images)
- [Divers](#divers)
2014-10-24 23:28:23 +00:00
## Balises HTML
Markdown est un sur-ensemble du HTML, donc tout fichier HTML est un ficher
Markdown valide.
2014-10-25 14:43:50 +00:00
```md
<!-- Ce qui veut dire que vous pouvez utiliser des balises HTML dans un fichier
Markdown, comme la balise commentaire dans laquelle nous sommes à présent, car
celle-ci ne sera pas affectée par l'analyseur syntaxique du Markdown.
Toutefois, si vous voulez créer une balise HTML dans un fichier Markdown,
vous ne pourrez pas utiliser du Markdown à l'intérieur de cette derniere. -->
```
2014-10-25 14:43:50 +00:00
## En-têtes
2014-10-24 23:28:23 +00:00
Vous pouvez facilement créer des balises HTML `<h1>` à `<h6>` en précédant le
texte de votre futur titre par un ou plusieurs dièses ( # ), de un à six, selon
le niveau de titre souhaité.
```md
2014-10-24 23:28:23 +00:00
# Ceci est un <h1>
## Ceci est un <h2>
### Ceci est un <h3>
#### Ceci est un <h4>
##### Ceci est un <h5>
###### Ceci est un <h6>
```
2014-10-24 23:28:23 +00:00
Markdown fournit également une façon alternative de marquer les `<h1>` et `<h2>`
2014-10-25 14:59:58 +00:00
```md
2014-10-24 23:28:23 +00:00
Ceci est un h1
=============
Ceci est un h2
-------------
```
## Styles de texte basiques
2014-10-24 23:28:23 +00:00
On peut facilement rendre un texte "gras" ou "italique" en Markdown.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 12:56:07 +00:00
*Ce texte est en italique.*
_Celui-ci aussi._
2014-10-24 23:28:23 +00:00
2014-10-25 14:43:50 +00:00
**Ce texte est en gras.**
2014-10-25 12:56:07 +00:00
__Celui-là aussi.__
2014-10-24 23:28:23 +00:00
2014-10-25 12:56:07 +00:00
***Ce texte a les deux styles.***
**_Pareil ici_**
*__Et là!__*
```
Dans le "GitHub Flavored Markdown", utilisé pour interpréter le Markdown sur
GitHub, on a également le texte barré.
2014-10-24 23:28:23 +00:00
```md
~~Ce texte est barré.~~
```
## Paragraphes
2014-10-25 14:43:50 +00:00
Les paragraphes sont représentés par une ou plusieurs lignes de texte séparées
par une ou plusieurs lignes vides.
```md
2014-10-25 14:43:50 +00:00
Ceci est un paragraphe. Là, je suis dans un paragraphe, facile non?
2014-10-24 23:28:23 +00:00
2014-10-25 12:56:07 +00:00
Maintenant je suis dans le paragraphe 2.
2014-10-25 17:47:24 +00:00
Je suis toujours dans le paragraphe 2!
2014-10-24 23:28:23 +00:00
2014-10-25 14:43:50 +00:00
Puis là, eh oui, le paragraphe 3!
```
2014-10-24 23:28:23 +00:00
Si jamais vous souhaitez insérer une balise HTML `<br />`, vous pouvez ajouter
un ou plusieurs espaces à la fin de votre paragraphe, et en commencer un
nouveau.
2014-10-24 23:28:23 +00:00
```md
J'ai deux espaces vides à la fin (sélectionnez moi pour les voir).
2014-10-24 23:28:23 +00:00
2014-10-25 12:56:07 +00:00
Bigre, il y a un <br /> au dessus de moi!
```
2014-10-24 23:28:23 +00:00
Les blocs de citations sont générés aisément, grâce au caractère `>`.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 12:56:07 +00:00
> Ceci est une superbe citation. Vous pouvez même
> revenir à la ligne quand ça vous chante, et placer un `>`
2014-10-25 14:59:58 +00:00
> devant chaque bout de ligne faisant partie
2014-10-25 12:56:07 +00:00
> de la citation.
> La taille ne compte pas^^ tant que chaque ligne commence par un `>`.
2014-10-24 23:28:23 +00:00
2014-10-25 12:56:07 +00:00
> Vous pouvez aussi utiliser plus d'un niveau
>> d'imbrication!
2014-10-25 17:47:24 +00:00
> Classe et facile, pas vrai?
```
## Listes
2014-10-24 23:28:23 +00:00
Les listes non ordonnées sont marquées par des asterisques, signes plus ou
signes moins.
```md
2014-10-24 23:28:23 +00:00
* Item
* Item
2014-10-25 12:56:07 +00:00
* Un autre item
```
2014-10-24 23:28:23 +00:00
2014-10-25 14:43:50 +00:00
ou
2014-10-24 23:28:23 +00:00
```md
2014-10-24 23:28:23 +00:00
+ Item
+ Item
2014-10-25 12:56:07 +00:00
+ Encore un item
```
2014-10-24 23:28:23 +00:00
2014-10-25 14:43:50 +00:00
ou
2014-10-24 23:28:23 +00:00
```md
2014-10-24 23:28:23 +00:00
- Item
- Item
2014-10-25 12:56:07 +00:00
- Un dernier item
```
2014-10-24 23:28:23 +00:00
Les listes ordonnées sont générées via un nombre suivi d'un point.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 12:56:07 +00:00
1. Item un
2. Item deux
3. Item trois
```
2014-10-24 23:28:23 +00:00
Vous pouvez même vous passer de tout numéroter, et Markdown générera les bons
chiffres. Ceci dit, cette variante perd en clarté.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 12:56:07 +00:00
1. Item un
1. Item deux
1. Item trois
```
(Cette liste sera interprétée de la même façon que celle au dessus)
2014-10-24 23:28:23 +00:00
Vous pouvez également utiliser des sous-listes.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 12:56:07 +00:00
1. Item un
2. Item deux
3. Item trois
* Sub-item
* Sub-item
4. Item quatre
```
2014-10-24 23:28:23 +00:00
Il y a même des listes de taches. Elles génèrent des champs HTML de type case à
cocher.
2014-10-24 23:28:23 +00:00
```md
Les [ ] ci-dessous, n'ayant pas de [ x ], deviendront des cases à cocher HTML
non-cochées.
2014-10-25 12:56:07 +00:00
- [ ] Première tache à réaliser.
- [ ] Une autre chose à faire.
La case suivante sera une case à cocher HTML cochée.
2014-10-25 17:47:24 +00:00
- [x] Ça ... c'est fait!
```
## Blocs de code
2014-10-24 23:28:23 +00:00
Pour marquer du texte comme étant du code (qui utilise la balise `<code>`), il
suffit d'indenter chaque ligne avec 4 espaces ou une tabulation.
```md
2014-10-25 17:47:24 +00:00
echo "Ça, c'est du Code!";
var Ça = "aussi !";
```
2014-10-24 23:28:23 +00:00
L'indentation par tabulation (ou série de quatre espaces) fonctionne aussi à
l'intérieur du bloc de code.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 14:43:50 +00:00
my_array.each do |item|
puts item
end
```
2014-10-24 23:28:23 +00:00
Des bouts de code en mode en ligne s'ajoutent en utilisant le caractères
`` ` ``.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 17:47:24 +00:00
La fonction `run()` ne vous oblige pas à aller courir!
```
En Markdown GitHub, vous pouvez utiliser des syntaxes spécifiques.
2014-10-24 23:28:23 +00:00
```ruby
def foobar
puts "Hello world!"
end
```
Pas besoin d'indentation pour le code juste au-dessus, de plus, GitHub
va utiliser une coloration syntaxique pour le langage indiqué après les ```.
2014-10-24 23:28:23 +00:00
## Ligne Horizontale
2014-10-24 23:28:23 +00:00
Pour insérer une ligne horizontale, utilisez trois ou plusieurs astérisques ou tirets, avec ou sans espaces entre.
2014-10-24 23:28:23 +00:00
```md
2014-10-24 23:28:23 +00:00
***
---
2014-10-25 12:56:07 +00:00
- - -
2014-10-24 23:28:23 +00:00
****************
```
## Liens hypertextes
2014-10-24 23:28:23 +00:00
Une des fonctionnalités sympathiques du Markdown est la facilité d'ajouter des
liens hypertextes. Le texte du lien entre crochet `` [] ``, l'url entre
parenthèses `` () ``, et voilà le travail.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 14:43:50 +00:00
[Clic moi!](http://test.com/)
```
2014-10-24 23:28:23 +00:00
Pour ajouter un attribut `Title`, collez-le entre guillemets, avec le lien.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 14:43:50 +00:00
[Clic moi!](http://test.com/ "Lien vers Test.com")
```
2014-10-24 23:28:23 +00:00
Markdown supporte aussi les liens relatifs.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 14:43:50 +00:00
[En avant la musique](/music/).
```
2014-10-24 23:28:23 +00:00
Les liens de références sont eux aussi disponibles en Markdown.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 14:43:50 +00:00
[Cliquez ici][link1] pour plus d'information!
[Regardez aussi par ici][foobar] si vous voulez.
2014-10-24 23:28:23 +00:00
[link1]: http://test.com/ "Cool!"
[foobar]: http://foobar.biz/ "Génial!"
```
2014-10-24 23:28:23 +00:00
Le titre peut aussi être entouré de guillemets simples, ou de parenthèses, ou
absent. Les références peuvent être placées où vous voulez dans le document et
les identifiants peuvent être n'importe quoi tant qu'ils sont uniques.
2014-10-24 23:28:23 +00:00
Il y a également le nommage implicite qui transforme le texte du lien en
identifiant.
2014-10-24 23:28:23 +00:00
```md
2014-10-25 14:43:50 +00:00
[Ceci][] est un lien.
2014-10-24 23:28:23 +00:00
2014-10-25 14:43:50 +00:00
[ceci]: http://ceciestunlien.com/
```
2014-10-24 23:28:23 +00:00
Mais ce n'est pas beaucoup utilisé.
2014-10-24 23:28:23 +00:00
## Images
2014-10-24 23:28:23 +00:00
Pour les images, la syntaxe est identique à celle des liens, sauf que précédée
d'un point d'exclamation!
```md
2014-10-25 14:59:58 +00:00
![Attribut ALT de l'image](http://imgur.com/monimage.jpg "Titre optionnel")
```
2014-10-24 23:28:23 +00:00
Là aussi, on peut utiliser le mode "références".
2014-10-24 23:28:23 +00:00
```md
2014-10-25 14:43:50 +00:00
![Ceci est l'attribut ALT de l'image][monimage]
2014-10-24 23:28:23 +00:00
2014-10-25 14:43:50 +00:00
[monimage]: relative/urls/cool/image.jpg "si vous voulez un titre, c'est ici."
```
2014-10-24 23:28:23 +00:00
## Divers
### Liens Automatiques
```md
2014-10-25 14:43:50 +00:00
<http://testwebsite.com/> est équivalent à :
2014-10-24 23:28:23 +00:00
[http://testwebsite.com/](http://testwebsite.com/)
```
2014-10-24 23:28:23 +00:00
### Liens Automatiques pour emails
2014-10-24 23:28:23 +00:00
```md
2014-10-24 23:28:23 +00:00
<foo@bar.com>
```
### Caracteres d'echappement
Il suffit de précéder les caractères spécifiques à ignorer par des backslash `\`.
2014-10-24 23:28:23 +00:00
```md
Pour taper *ce texte* entouré d'astérisques mais pas en italique :
2014-10-25 14:59:58 +00:00
Tapez \*ce texte\*.
```
### Touches de clavier
2014-10-24 23:28:23 +00:00
Avec le "Github Flavored Markdown", vous pouvez utiliser la balise `<kdb>`
pour représenter une touche du clavier.
2014-10-24 23:28:23 +00:00
```md
Ton ordinateur a planté? Essayer de taper :
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
```
2014-10-24 23:28:23 +00:00
### Tableaux
2014-10-24 23:28:23 +00:00
Les tableaux ne sont disponibles que dans le "GitHub Flavored Markdown" et
ne sont pas tres agréable d'utilisation. Mais si vous en avez besoin :
2014-10-24 23:28:23 +00:00
```md
2014-10-25 12:56:07 +00:00
| Col1 | Col2 | Col3 |
2014-10-24 23:28:23 +00:00
| :----------- | :------: | ------------: |
| Alignement Gauche | Centré | Alignement Droite |
2014-10-25 14:43:50 +00:00
| bla | bla | bla |
```
2014-10-24 23:28:23 +00:00
ou bien, pour un résultat équivalent :
2014-10-24 23:28:23 +00:00
```md
2014-10-24 23:28:23 +00:00
Col 1 | Col2 | Col3
:-- | :-: | --:
2014-10-25 14:43:50 +00:00
Ough que c'est moche | svp | arrêtez
```
2014-10-24 23:28:23 +00:00
Pour plus d'information, consultez le post officiel de Jhon Gruber à propos de
la syntaxe [ici](http://daringfireball.net/projects/markdown/syntax) et la
superbe fiche pense-bête de Adam Pritchard [](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).