Aller au contenu

Aide:Syntaxe

Un livre de Wikilivres.

Cette page vous présente la syntaxe propre à wikilivres. Il résume sous la forme de tableaux les différentes mises en forme possibles. La colonne de gauche indique les codes à saisir, et celle de droite l'effet obtenu.

Pour mettre en forme vos pages, Wikilivres permet d'introduire certains codes ; les plus courants sont :

Syntaxe wikilivres Résultat
''texte en italique''
(apostrophes et non guillemets)
texte en italique
'''texte en gras'''
texte en gras
* liste
* à
* puce
  • liste
  • à
  • puce
# liste
# numérotée
  1. liste
  2. numérotée
 ==Titre de section== 

Titre de section

===Titre de sous-section===

Titre de sous-section

Vous pouvez effectuer vos tests sur le Bac à sable qui est réservé à cet usage. Il est également recommandé d'utiliser la prévisualisation pour voir les effets des modifications avant publications.

En cas de doute sur la syntaxe à utiliser, regardez le code source des pages existantes ou demandez sur le bistro.

Page résumant la syntaxe wiki.

Table des matières

Une table des matières est créée automatiquement si la page comporte au moins 4 titres ou sous-titres, comme cette page par exemple.

Pour supprimer le sommaire automatique, il suffit de mettre quelque part __NOTOC__.

Pour générer le sommaire automatique à l'emplacement par défaut (avant le premier titre), pour contrer l'effet de __NOTOC__ ou quand il y a 3 sections ou moins, il suffit de mettre quelque part __FORCETOC__ ou __FORCERSOMMAIRE__.

Pour modifier l'emplacement de la table des matières : insérer __TOC__ ou __SOMMAIRE__ là où vous désirez voir apparaître la table.

Sections, paragraphes et lignes

Pour les titres :

Syntaxe wikilivres Résultat
== Nouvelle section ==

Nouvelle section

=== Nouvelle sous-section ===

Nouvelle sous-section

==== Nouveau paragraphe ====

Nouveau paragraphe

===== Nouveau sous-paragraphe =====
Nouveau sous-paragraphe

Les notations ci-dessus sont respectivement équivalentes à l'utilisation des balises HTML <h2>...</h2>, <h3>...</h3> et <h4>...</h4>.

Syntaxe wikilivres Résultat
Un simple saut à la ligne
n'a aucun effet.
Un simple saut à la ligne n'a aucun effet.
Mais une ligne vide

permet de séparer les paragraphes.
Mais une ligne vide

permet de séparer les paragraphes.

Voilà comment il faut faire<br/>
pour aller à la ligne.
Voilà comment il faut faire

pour aller à la ligne.

Listes

Listes ordonnées et non-ordonnées

Syntaxe wikilivres Résultat
* Les listes sont bien pratiques :
** Elles permettent d'organiser les données
** Elles embellissent le document
  • Les listes sont bien pratiques :
    • Elles permettent d'organiser les données
    • Elles embellissent le document
# Les listes numérotées sont également bien pratiques
# Bien organisées
## Faciles à lire
  1. Les listes numérotées sont également bien pratiques
  2. Bien organisées
    1. Faciles à lire
<div class="list-upper-roman">
# Premier item numéroté en chiffres romains (majuscules)
# Deuxième item numéroté en chiffres romains (majuscules)
# Troisième item numéroté en chiffres romains (majuscules)
</div>
  1. Premier item numéroté en chiffres romains (majuscules)
  2. Deuxième item numéroté en chiffres romains (majuscules)
  3. Troisième item numéroté en chiffres romains (majuscules)
<div class="list-lower-latin">
# Premier item numéroté par des lettres minuscules
# Deuxième item numéroté par des lettres minuscules
# Troisième item numéroté par des lettres minuscules
</div>
  1. Premier item numéroté par des lettres minuscules
  2. Deuxième item numéroté par des lettres minuscules
  3. Troisième item numéroté par des lettres minuscules
:Les lignes peuvent être
::indentées
:::sur plusieurs niveaux
Les lignes peuvent être
indentées
sur plusieurs niveaux
Avec tout cela, il est maintenant possible de mélanger les types de listes :
*Une liste numérotée :
:#Premier élément
:#Second élément
*d'autres branches à l'arborescence
  • Une liste numérotée :
  1. Premier élément
  2. Second élément
  • d'autres branches à l'arborescence

Mélange de type de listes

Plusieurs types de listes peuvent se trouver sur la même page.

Syntaxe wikilivres Résultat
* Item non ordonné
* Un autre item
* Et un dernier
# Item ordonné 1
# Item ordonné 2
# Item ordonné 3
  • Item non ordonné
  • Un autre item
  • Et un dernier
  1. Item ordonné 1
  2. Item ordonné 2
  3. Item ordonné 3

Les items des deux listes ne sont pas alignés car chacun des deux types de liste a des marges différentes. Pour les recettes de cuisine (liste non ordonnée d'ingrédient puis liste ordonnée d'étapes), l'alignement est corrigé. Pour les autres pages, il est possible d'utiliser la classe CSS unilist sur un élément <div> encadrant la liste.

Syntaxe wikilivres Résultat
<div class="unilist">
* Item non ordonné
* Un autre item
* Et un dernier
# Item ordonné 1
# Item ordonné 2
# Item ordonné 3
</div>
  • Item non ordonné
  • Un autre item
  • Et un dernier
  1. Item ordonné 1
  2. Item ordonné 2
  3. Item ordonné 3


Listes de définitions

Syntaxe wikilivres Résultat
; Terme à expliquer : explication du terme...
: ...sur plusieurs lignes.
; Autre terme : autre définition...
Terme à expliquer
explication du terme...
...sur plusieurs lignes.
Autre terme
autre définition...

Formatage de paragraphe

Syntaxe wikilivres Résultat
 SI (une ligne commence par une espace) ALORS
    elle apparaîtra exactement telle qu'elle a été saisie;
    dans une police non proportionnelle;
    les sauts de ligne ne seront pas automatiques ;
  FIN SI
  C'est bien utile pour :
  &bull; copier/coller un texte pré-formaté ;
<br/><br/>
  &bull; des descriptions d'algorithmes ;
 SI (une ligne commence par une espace) ALORS
   elle apparaîtra exactement telle qu'elle a été saisie ;
   dans une police non proportionnelle ;
   les sauts de ligne ne seront pas automatiques ;
 FIN SI
 C'est bien utile pour :
 • copier/coller un texte pré-formaté ;
 • des descriptions d'algorithmes ;
<div style="text-align: center;">Le texte est centré.</div>
Le texte est centré.
Une ligne horizontale : texte au-dessus
----
et texte en-dessous.
Une ligne horizontale : texte au-dessus

et texte en-dessous.

Citation

{{BlocCitation|Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc avec guillemets français par défaut.|auteur=[[Modèle:BlocCitation|fr.wikibooks.org]]}}
«
Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc avec guillemets français par défaut.
»
fr.wikibooks.org


{{Début citation|fr.wikibooks.org}}
Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc.
{{Fin citation|fr.wikibooks.org}}

«  Ce modèle permet de présenter des citations de texte dans les pages de contenu des livres sous la forme d'un bloc.  »

— fr.wikibooks.org

Plusieurs colonnes

La présentation du texte peut se faire sur plusieurs colonnes. La syntaxe suivante est adaptative : sur les vues de largeur moindre (mobile par exemple), le texte sera affiché sur une seule colonne.

  • 2 colonnes
<div class="flex-content">
<div class="flex-content-half">
...colonne 1...
</div>
<div class="flex-content-half">
...colonne 2...
</div>
</div>
  • 3 colonnes
<div class="flex-content">
<div class="flex-content-third">
...colonne 1...
</div>
<div class="flex-content-third">
...colonne 2...
</div>
<div class="flex-content-third">
...colonne 3...
</div>
</div>

Liens, adresses internet et images

Les liens

Syntaxe wikilivres Résultat
Lien vers [[Accueil]].
Lien vers Accueil.

La première lettre apparaît automatiquement en majuscule. Les espaces sont convertis en « _ ».

Pour créer une nouvelle page, créez d'abord un lien vers cette page, puis cliquez sur le lien en rouge qui apparaît.

Syntaxe wikilivres Résultat
Le même lien, mais avec un nom différent :
[[Accueil|page d'accueil]].
Le même lien, mais avec un nom différent :

page d'accueil.

Les liens ne peuvent contenir que des lettres et des espaces !

Syntaxe wikilivres Résultat
[[La sexualité des mouches dans le Vercors oriental]] est une page qui n'existe pas encore.
La sexualité des mouches dans le Vercors oriental est une page qui n'existe pas encore.

Vous pouvez la créer en cliquant simplement sur le lien. Après l'avoir créée, faites une recherche sur son titre, et assurez-vous que les autres pages y font correctement référence.

Pour les pages d'homonymie, il existe un raccourci pour cacher le domaine :

Syntaxe wikilivres Résultat
la planète [[Jupiter (planète)|]]
la planète Jupiter

Pour référencer les pages utilisateur, il existe un raccourci pour éviter de taper deux fois le nom :

Syntaxe wikilivres Résultat
[[Utilisateur:Dupont|]] est équivalent à [[Utilisateur:Dupont|Dupont]]
Dupont est équivalent à Dupont
Syntaxe wikilivres Résultat
Lien vers les commentaires associés à cette page ou a une page du domaine Wikipédia :
[[Discussion_Wikipédia:Comment modifier une page]]<br />
Lien vers une discussion d'une page normale du Wikipédia [[Discuter:Accueil]]
Lien vers les commentaires associés à cette page ou à une page du domaine Wikipédia :

Discussion Wikipédia:Comment modifier une page
Lien vers une discussion d'une page normale du Wikipédia Discuter:Accueil

#REDIRECT [[France]]
Redirection d'une page vers une autre en mettant ce texte dans la première ligne.
[[:en:Wikilivres:How to edit a page]]
<br /><br />
[[:en:Wikilivres:How to edit a page|Cette page en anglais]]
<br /><br />
[[:en:Wikilivres:How to edit a page|]]
Il existe une notation pour référencer une page sur un projet wikibooks dans une autre langue : en:Wikilivres:How to edit a page



On peut ici aussi utiliser la barre verticale pour afficher un texte différent du titre de la page pointée : Cette page en anglais

Attention, ici la barre verticale seule en fin de lien ne permet pas de réduire le texte affiché au strict nécessaire : en:Wikilivres:How to edit a page

[[wikt:Mot]] 
<br /><br />
[[wikt:Mot|Mot]] ou directement [[wikt:Mot|]]
<br /><br />
[[wikt:en:Word]] ou [[wikt:en:Word|Word]]
Pour référencer un mot sur Wiktionary : wikt:Mot



On peut ici aussi utiliser la barre verticale pour afficher un texte différent du titre de la page pointée : Mot ou directement Mot

On peut aussi référencer un mot sur un wiktionary dans une autre langue: wikt:en:Word ou Word

Les liens internes, les ancres

Syntaxe wikilivres Résultat
<span id="ancre_1">ancre 1.</span>

<span id="ancre_2">ancre 2.</span>

Remarquez que la balise <span> n'est effectivement pas censée avoir d'effet de mise en forme. Elle n'est là que parce qu'il est nécessaire d'utiliser une balise HTML afin d'y placer un paramètre id qui indique le nom de l'ancre. Ça devrait pouvoir être n'importe quelle balise HTML que le wiki reconnaît.

Les ancres :

ancre 1.

ancre 2.

Ces deux lignes sont des ancres vers lesquelles des liens internes à cette pages peuvent pointer. Des liens de pages externes aussi, d'ailleurs.

[[Wikilivres:Syntaxe wikilivres/Lien ancré#ancre_1|lien]] vers
l'ancre 1 externe.

[[Wikilivres:Syntaxe wikilivres/Lien ancré#ancre_2|lien]] vers
l'ancre 2 externe.

On crée un lien normalement, en ajoutant un dièse (#) suivi du nom de l'ancre vers laquelle le lien pointe à la fin du nom de la page pointée.

Les liens vers des ancres externes sont des liens normaux qui pointent vers une ancre de la page vers laquelle ils dirigent.

lien vers l'ancre 1 externe.

lien vers l'ancre 2 externe.

Ces deux ancres se trouvent sur la page d'explication des liens ancrés.

[[#ancre_1|lien vers l'ancre 1]].


[[#ancre_2|lien vers l'ancre 2]].

Le nom de la page courante est toutefois implicite.

Les liens internes sont des liens normaux qui pointent vers des ancres de la page courante :

lien vers l'ancre 1.

lien vers l'ancre 2.

Les adresses internet

Syntaxe wikilivres Résultat
Lien externe : [http://www.nupedia.com Nupedia]
Lien externe : Nupedia
Mais l'adresse internet suffit : http://www.nupedia.com.
Mais l'adresse internet suffit : http://www.nupedia.com.

(Bien pratique si on veut imprimer la page.)

Il existe toute une liste de préfixes utilisables ainsi: [[prefixe:valeur]].
Une liste complète est disponible sur m:Interwiki map (en anglais) Exemple: [[google:Wikipédia]] donne ceci

Remarque : attention à ne pas créer de lien vers des publicités, des sites criblés de fautes d'orthographe ou hors sujet.

Les images

Résultat Syntaxe wikilivres
Insérer une image :


Pour ajouter une image, vous devez d'abord la copier sur le serveur, ce qui suppose de vous connecter comme utilisateur identifié. Vous pouvez alors accéder à la page de copie sur le serveur de commons : commons:Special:UploadWizard

Il faut ensuite placer le lien de l'image dans votre page.
NE FAITES PAS de liens externes vers des fichiers se trouvant sur un serveur dont vous ne contrôlez pas le contenu !

Pour l'accessibilité des mal-voyants, il est conseillé d'ajouter le "nom de l'image", ceci permet au lecteur vocal ou à la tablette braille de fournir un descriptif parlant, là où il y a une image.

Voir w:Wikipédia:Règles d'utilisation des images pour de plus amples informations à ce sujet.

[[Image:wiki-exemple.png]]
ou
[[Image:wiki-exemple.png|nom de l'image]]
Faire "flotter" une image

Quand une image n'occupe pas la largeur de la page, il peut être agréable de la placer à gauche et que le texte s'écrive le long de celle-ci du côté droit.
Pour cela, il vous suffit de recopier le code ci-contre à l'endroit où vous souhaitez voir l'image et de remplacer les parties en italique par le lien vers l'image et par la légende de l'image.

Si vous souhaitez placer l'image du côté droit, remplacer left par right

[[Image:nom-image.png|left|Légende]]
Quand une image n'occupe pas la largeur de la page ...

Faire "flotter" plusieurs images
Plusieurs images qui "flottent" à la suite elles se positionnent les unes à côté des autres.

Il est possible de forcer l'affichage d'images les unes en dessous des autres. Pour un meilleur rendu, cette astuce est à utiliser avec des images qui font la même largeur (voir ci dessous "Syntaxe étendue pour les images" pour imposer la taille des images).
[[Image:Icon_no.png|left]][[Image:Icon_yes.png|left]] Pour faire flotter un à côté de l'autre.

<div style="float:right;">[[Image:Icon_no.png]]<br/>[[Image: Icon_yes.png]]</div> Pour faire flotter l'un en dessous de l'autre.

Syntaxe étendue pour les images

Résultat Syntaxe wikilivres
Une syntaxe étendue permet de contrôler la taille et la position des images:

Les options disponibles sont les suivantes (si plusieurs options sont présentes, elles doivent être séparées par un signe |; il faut un | après la dernière option même s'il n'y a pas de légende):

  • thumb ou thumbnail
permet de générer automatiquement une version réduite de l'image, dans un cadre. Par défaut, l'image sera alignée à droite. La légende, si présente, sera placée en dessous de l'image; une "icône avec deux cadres" placée à droite permet d'accéder à l'image en grandeur réelle.
  • framed
l'image est placée dans un cadre, comme avec l'option thumb, et accepte donc une légende mais n'est disponible que dans sa taille normale et l'"icône loupe" est donc absente.
  • right
permet d'aligner l'image à droite. Peut s'utiliser avec ou sans l'option thumb.
  • center
permet de centrer l'image. Peut s'utiliser avec ou sans l'option thumb.
  • left
permet d'aligner l'image à gauche. Peut s'utiliser avec ou sans l'option thumb.
  • none
permet de supprimer l'alignement par defaut. Cette option est surtout utile pour les images insérées dans un tableau.
  • largeur px
permet de specifier la largeur de la version réduite. L'image affichée gardera le même aspect que l'image grandeur réelle.

[[Image:nom de l'image|options|légende]]

Mise en forme des caractères

Syntaxe wikilivres Résultat
''Faire ressortir un mot'',
'''un peu plus''',
'''''encore plus'''''.

'''F''' = ''m'' '''a'''.
Faire ressortir un mot, un peu plus, encore plus.

À utiliser également dans les formules : F = m a.

Police machine à écrire
pour les<code>termes techniques</code>
Police machine à écrire pour les termes techniques.
Vous pouvez <strike>barrer</strike>
certains mots
et <u>en souligner d'autres...</u>
Vous pouvez barrer certains mots et en souligner d'autres....
&Agrave; &Aacute; &Acirc; &Atilde; &Auml; &Aring; &AElig;
&Ccedil; &Egrave; &Eacute; &Ecirc; &Euml; &Igrave; &Iacute;
&Icirc; &Iuml; &Ntilde; &Ograve; &Oacute; &Ocirc; &Otilde; &OElig;
&Ouml; &Oslash; &Ugrave; &Uacute; &Ucirc; &Uuml; &szlig;
&agrave; &aacute; &acirc; &atilde; &auml; &aring; &aelig;
&ccedil; &egrave; &eacute; &ecirc; &euml; &igrave; &iacute;
&icirc; &iuml; &ntilde; &ograve; &oacute; &ocirc; &otilde; &oelig;
&ouml; &oslash; &ugrave; &uacute; &ucirc; &uuml; &yuml;
Umlauts et accents :

À Á Â Ã Ä Å Æ
Ç È É Ê Ë Ì Í
Î Ï Ñ Ò Ó Ô Õ Œ
Ö Ø Ù Ú Û Ü ß
à á â ã ä å æ
ç è é ê ë ì í
î ï ñ ò ó ô õ œ
ö ø ù ú û ü ÿ
Note : depuis le passage à l'unicode on peut aussi parfaitement écrire les caractères spéciaux directement sans aucun souci.

&iquest; &iexcl; &laquo; &raquo; &sect; &para;
&dagger; &Dagger; &bull;
Ponctuations : ¿ ¡ « » § ¶

† ‡ •

&trade; &copy; &reg; &cent; &euro; &yen; &pound; &curren;
Caractères spéciaux : ™ © ® ¢ € ¥ £ ¤
Indice : x<sub>2</sub> et Exposant : x<sup>2</sup>
Indice (subscript en anglais) : x2 et
Exposant (superscript en anglais) : x2
&alpha; &beta; &gamma; &delta; &epsilon; &zeta; &eta;
&theta; &iota; &kappa; &lambda; &mu; &nu; &xi;
&pi; &rho;  &sigma; &sigmaf; &tau; &upsilon; &phi;
&chi; &psi; &omega;
&Gamma; &Delta; &Theta; &Lambda; &Xi; &Pi; &Sigma;
&Phi; &Psi; &Omega;
Caractères grecs : α β γ δ

ε ζ η
θ ι κ λ μ ν ξ
π ρ σ ς τ υ φ
χ ψ ω
Γ Δ Θ Λ Ξ Π Σ
Φ Ψ Ω

&int; &sum; &prod; &radic; &plusmn; &infin;
&asymp; &prop; &equiv; &ne; &le; &ge; &rarr;
&times; &middot; &divide; &part; &prime; &Prime; &nabla;
&permil; &deg; &there4; &alefsym;
&oslash; &isin; &ni; &cap; &cup; &sub; &sup; &sube; &supe;
&not; &and; &or; &exist; &forall; &rArr; &hArr;
Caractères mathématiques : (cf. Wikilivres:Caractères spéciaux)

∫ ∑ ∏ √ ± ∞
≈ ∝ ≡ ≠ ≤ ≥ →
× · ÷ ∂ ′ ″ ∇
‰ ° ∴ ℵ
ø ∈ ∋ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇔

;x<sup>2</sup>&nbsp;&nbsp;&nbsp;&ge;&nbsp;&nbsp;&nbsp;0
Plus d'espace que d'habitude, sans saut de ligne : x2   ≥   0 est vrai.

Utile pour les formules.

 
<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>
Formules mathématiques compliquées :

  

<nowiki>Lien → (<i>vers</i>) la [[w:Wikipédia:FAQ|]]</nowiki>
Suppression de l'interprétation de la syntaxe wiki :

Lien → (<i>vers</i>) la [[w:Wikipédia:FAQ|]]

  • Est utilisé pour montrer littéralement des données qui autrement auraient une signification spéciale.
  • Tous les markup wiki sont ignorés, y compris ceux ressemblant à des tags HTML.
  • Les caractères HTML spéciaux sont toujours interprétés.

Formules mathématiques ou chimiques

Les balises <math> et <chem> permettent l'écriture de formules mathématiques et chimiques (respectivement) dans les chapitres des livres, au format LaTeX.

  • La balise <math> est celle qui est préférablement utilisée pour les mathématiques.
  • La balise <chem> est celle qui est préférablement utilisée pour les formules chimiques. Elle est un raccourci de la syntaxe <math chem>\ce{ ... }</math>.

Exemples :

<math>x=1+2/3</math>

<chem>x=1+2/3</chem>

<math>x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math>

<chem>x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</chem>

<math>x=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a}</math>

<chem>x=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a}</chem>

Formules chimiques
<chem>2R3B\ +  3CO\  + 4H^-  ->[\text{DG}][\text{45°}] ->[\text{KOH}] 4ROH\ + 2 RCH2OH</chem>

<math chem>\ce{2R3B\ +  3CO\  + 4H^-  ->[\text{DG}][\text{45°}] ->[\text{KOH}] 4ROH\ + 2 RCH2OH}</math>

L'attribut display permet de modifier l'affichage de la formule[1] :

  • la valeur inline diminue la taille pour une meilleur intégration dans les lignes du texte.
  • la valeur block place la formule dans un paragraphe séparé, centré par défault.
La formule est <math display="inline">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math> au milieu du texte.

La formule est au milieu du texte.

La formule est <chem display="inline">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</chem> au milieu du texte.

La formule est au milieu du texte.

La formule est <math display="block">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math> au milieu du texte.

La formule est au milieu du texte.

La formule est <chem display="block">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</chem> au milieu du texte.

La formule est au milieu du texte.

Tableaux

Les tableaux sont introduits par une accolade ouvrante suivie d'une barre verticale {|. La fin est indiquée par une ligne de fermeture composée d'une barre verticale suivie d'une accolade fermante |}.

Entre les deux lignes, les lignes commençant par une barre verticale concernent la composition du tableau :

|+ texte
(optionnel) Légende pour le tableau.
| texte
Contenu d'une nouvelle cellule dans le tableau. Le contenu peut s'étaler sur plusieurs lignes.
! texte
Contenu d'une nouvelle cellule d'entête de tableau. Le point d'exclamation remplace la barre verticale pour indiquer qu'il s'agit d'une cellule d'entête plutôt que de contenu. Elle est affichée en gras et son contenu est centré.
|-
Déclarer une nouvelle ligne de cellules dans le tableau. Cette ligne peut contenir des attributs (en général style ou class).

Les cellules peuvent avoir des attributs en utilisant la syntaxe suivante :

| attributs | contenu

Pour les cellules d'entêtes, une syntaxe similaire est utilisable en remplaçant la barre en début de ligne par un point d'exclamation :

! attributs | contenu d'entête

Il est possible de rassembler plusieurs cellules sur une ligne wiki en utilisant deux barres verticales à la suite pour les séparer :

| cellule 1 || cellule 2
Exemple
Un exemple de tableau
Premier en-tête Deuxième en-tête Troisième en-tête
Haut gauche Haut milieu Côté droit
Bas gauche Bas milieu
ligne du bas
Syntaxe wiki
{| class="wikitable"
|+Un exemple de tableau
|-
! Premier en-tête
! Deuxième en-tête
! Troisième en-tête
|-
| Haut gauche
| Haut milieu
| rowspan="2" | Coté droit
|-
| Bas gauche
| Bas milieu
|-
| colspan="3" align="center" | Ligne du bas
|}

La ligne d'ouverture d'une table peut être suivie d'attributs pour la table (en général class et parfois style). Les classes disponibles pour les tables sont les suivantes :

wikitable
Style prédéfini pour les tables avec bordures (voir l'exemple précédent).
sortable
Permet de trier les lignes selon l'entête de colonne cliqué. Le premier clic classe dans l'ordre croissant, le deuxième dans l'ordre décroissant et le troisième restaure l'ordre original.
altlines1
Alternance de la couleur de fond des lignes. L'alternance est conservé après le tri.
altlines2
Alternance de la couleur de fond des lignes, alternative à altlines1.
Exemple
Un exemple de tableau triable
Mois Nouveaux contributeurs Nouvelles pages de livres
Janvier 25 125
Février 11 58
Mars 18 321
Avril 41 273
Mai 8 1008
Juin 17 215
Juillet 23 310
Août 11 145
Septembre 52 150
Octobre 45 318
Novembre 19 875
Décembre 29 414
Syntaxe wiki
{| class="wikitable sortable altlines1"
|+ Un exemple de tableau triable
|-
! Mois
! Nouveaux contributeurs
! Nouvelles pages de livres
|-
| Janvier || 25 || 125
|-
| Février || 11 || 58
|-
| Mars || 18 || 321
|-
| Avril || 41 || 273
|-
| Mai || 8 || 1008
|-
| Juin || 17 || 215
|-
| Juillet || 23 || 310
|-
| Août || 11 || 145
|-
| Septembre || 52 || 150
|-
| Octobre || 45 || 318
|-
| Novembre || 19 || 875
|-
| Décembre || 29 || 414
|}

Les cellules peuvent être hachurées pour les cas inexistants ou non applicables :

Exemple
Syntaxe wikilivres Résultat
{| class="wikitable"
|-
! Premier en-tête
! Deuxième en-tête
|-
| A
| B
|-
| C
| class="hachure" |
|}
Premier en-tête Deuxième en-tête
A B
C

Pour avoir tous les détails, voir la sous-page de la syntaxe des tableaux dans la Wikipédia;

Voir également mw:Markup spec/DTD, la page d'aide sur les tableaux sur Wikipedia et Wikilivres:Modèles

Commentaire

Attention, les commentaires dans les pages sont strictement réservés à la maintenance de la page. Les commentaires sur le contenu de la page sont à mettre dans la page discussion attachée à la page en question.

<!-- Note : Cette page est en cours de rédaction, veuillez patienter avant de l'éditer. -->

Identification dans les pages de discussion

Syntaxe wikilivres Résultat
~~~ (3 tildes)

Seulement le pseudonyme :
Aoineko

~~~~ (4 tildes)

Pseudonyme et date :
Aoineko 03:17 Nov 8, 2002 (CET)

~~~~~ (5 tildes)

Date :
03:17 Nov 8, 2002 (CET)

Catégories

Pour la syntaxe propre à l'utilisation des catégories, voir la page Wikilivres:Catégories

Coloration syntaxique

L'extension GeSHi permet de colorer le code source de beaucoup de langages (programmation et autres). Il suffit de placer le code source tel quel entre les balises <syntaxhighlight lang="langage"> et </syntaxhighlight>.

Exemple en HTML 5 :

Syntaxe wikilivres Résultat
<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html>
<head><title>Exemple illustratif de la syntaxe</title></head>
<body>Exemple illustratif de la syntaxe sur fr.wikibooks.org</body>
</html>
</syntaxhighlight>
<!DOCTYPE html>
<html>
<head><title>Exemple illustratif de la syntaxe</title></head>
<body>Exemple illustratif de la syntaxe sur fr.wikibooks.org</body>
</html>

Ou en shell Bash :

Syntaxe wikilivres Résultat
<syntaxhighlight lang="bash">
#!/bin/sh

export SITE=fr.wikibooks.org

echo Ceci permet d'illustrer la syntaxe à utiliser.
mkdir archives && cp pages/*.html archives

</syntaxhighlight>
#!/bin/sh

export SITE=fr.wikibooks.org

echo Ceci permet d'illustrer la syntaxe à utiliser.
mkdir archives && cp pages/*.html archives

Voir :

Logo

Veillez à ne pas trop utiliser la coloration syntaxique pour pouvoir générer une version imprimable, particulièrement dans les livres de programmation :

  • ne pas l'utiliser pour les petits extraits de code ou pour du code inclut dans le texte ;
  • ne pas l'utiliser pour les extraits de code peu colorés ;
  • ne pas l'utiliser pour les langages non supportés ou peu colorés (ex : bash) ;
  • si possible, groupez plusieurs blocs ensemble en les séparant par des commentaires.

Remplacez-les par <pre> ou une indentation d'un caractère espace pour les blocs de code ; ou par <code> pour du code dans le texte.

Les erreurs à éviter

Les conseils suivants vous indiquent les erreurs courantes à éviter :

Évitez d'utiliser les signes inférieur ( < ) et supérieur ( > )
Ces deux signes sont interprétés par le système wiki et le navigateur.
Pour insérez ces signes, utilisez les entités HTML lt et gt :
&lt; pour < (Lower Than en anglais)
&gt; pour > (Greater Than en anglais)
Pour indiquer un paramètre formel dans une syntaxe, utilisez une mise en forme plutôt que les signes < et > (italique par exemple) :
Afficher( expression )
Évitez d'utiliser certaines balises de formatage HTML
Même si le résultat est équivalent, il est préférable d'utiliser l'équivalent wiki, afin d'avoir un code wiki plus simple :
Balisage HTML Équivalent wiki
<br/> ou <p/> Utilisez un double saut de ligne pour passer au paragraphe suivant.
<b>Un texte en gras</b>
'''Un texte en gras'''

Encadrez le texte par les triples apostrophes.

<i>Un texte en italique</i>
''Un texte en italique''

Encadrez le texte par les doubles apostrophes.

<pre>Du texte préformaté</pre>
 Du texte préformaté

Commencez chaque ligne par le caractère espace.

<ul>
<li>premier item non ordonné</li>
<li>deuxième item non ordonné</li>
</ul>
*premier item non ordonné
*deuxième item non ordonné

Commencez chaque ligne par une étoile pour chaque item de la liste.

<ol>
<li>premier item numéroté</li>
<li>deuxième item numéroté</li>
</ol>
#premier item numéroté
#deuxième item numéroté

Commencez chaque ligne par un dièse pour chaque item de la liste.

<dl>
<dt>Terme 1</dt>
<dd>Définition du terme 1</dd>
<dt>Terme 2</dt>
<dd>Définition du terme 2</dd>
</dl>
;Terme 1:Définition du terme 1
;Terme 2:Définition du terme 2

Chaque ligne commence par le terme précédé d'un point-virgule, immédiatement suivi du caractère deux-points et de la définition.

<small>Du texte petit</small>
<span style="font-size:85%;">Du texte petit</span>

Utilisez les styles plutôt que les balises de formatage direct.

<big>Du texte grand</big>
<span style="font-size:120%;">Du texte grand</span>

Utilisez les styles plutôt que les balises de formatage direct (de plus, <big> est obsolète en HTML5).

<font color="blue" size="+1">Du texte bleu de grande taille</font>

<font color="blue" size="large">Du texte bleu de grande taille</font>

<span style="font-size:18pt;color:blue;">Du texte bleu de grande taille</span>

Utilisez les styles plutôt que les balises de formatage direct (de plus, <font> est obsolète en HTML5). Pour les tailles équivalentes, voir le tableau ci-dessous.

<div style="display:inline-block;">...</div>
<span>...</span>

Logo

Il n'est plus possible d'utiliser d'éléments avec display:inline-block dans les versions récentes de Mediawiki, car désormais Mediawiki introduit des éléments <p> avant et après les éléments <div> sans tenir compte des propriétés CSS. L'équivalence peut donc ne pas être exacte dans certains cas.

.

La balise <font>, obsolète en HTML5, permettait de changer la taille et la couleur du texte. Il est recommandé de la remplacer par une balise <span> avec un attribut style pour spécifier la couleur (color) et la taille (font-size). Le tableau ci-dessous donne l'équivalence entre les valeurs possible de size de la balise <font> et les valeurs pour font-size.

Taille absolue, élément obsolète Taille relative, élément obsolète CSS font-size équivalent CSS font-size équivalent en points
font-size: xx-small font-size: 7pt

<font size=1>

<font size=-2>

font-size: x-small font-size: 8pt

<font size=2>

<font size=-1>

font-size: small font-size: 10pt

<font size=3>

<font size=+0>

font-size: medium font-size: 12pt

<font size=4>

<font size=+1>

font-size: large font-size: 14pt

<font size=5>

<font size=+2>

font-size: x-large font-size: 18pt

<font size=6>

<font size=+3>

font-size: xx-large font-size: 24pt

<font size=7>

<font size=+4>

font-size: xxx-large font-size: 36pt

Pour la coloration, pour pouvez utiliser les modèles existants comme {{Vert}}, {{Rouge}}, {{Orange}} ... Cependant, évitez d'utiliser des couleurs dans le texte car cela peut rendre la lecture plus difficile surtout quand les couleurs sont mal choisies. Pour la coloration syntaxique, utilisez plutôt la balise <syntaxhighlight lang="langage"> pour le langage approprié : css, html, xml, json, java, c++...

Fermez les balises ouvertes
Toute balise HTML ouverte doit être suivie d'une balise fermante.
N.B. : Quand plusieurs balises sont imbriquées, les fermetures se font dans l'ordre inverse de celui des ouvertures. Exemple :
<div style="color:blue;">
Voici
<span style="font-size:85%;">
un petit texte
</span>
au milieu d'un texte bleu de taille normale.
</div>
Utilisez la prévisualisation
Après une modification, utilisez le bouton "Prévisualisation" avant de sauvegarder pour vérifier l'apparence de la page corrigée.

Références en bas de page

Les références dans le texte sont notamment utilisées pour lister des sources externes (URL, ouvrage, ...) et pour créer des notes de base de page. La syntaxe emploie deux balises :

  • La balise <ref> ajoute une référence à une note de bas de page là ou elle est placée dans le texte ;
  • La balise <references> contient toutes les références définies dans la page.

Par exemple, cette page d'aide contient une référence définie plus haut avec <ref> :

L'attribut <code>display</code> permet de modifier l'affichage de la formule<ref>[[mw:Extension:Math/Displaystyle|Extension Displaystyle]] sur le site de mediawiki.</ref>

Le contenu de la balise n'est pas affiché ; à la place, il y a un lien numéroté entre crochet : [1], puis [2] pour la suivante, ... Le contenu de ces balises est affiché sous la forme d'une liste numérotée là où est placée la balise <references>, notamment ici :

  1. Extension Displaystyle sur le site de mediawiki.


Syntaxe wikilivres Résultat
Phrase<ref>http://URL.com</ref>
=== Références ===
<references/>
Phrase[1]

Références

  1. http://fr.wikibooks.org
Il est possible d'appeler la même note<ref name="nom de la ref">texte de la note nommée</ref> en plusieurs endroits différents comme ceci<ref name="nom de la ref" />
=== Références ===
<references/>
Il est possible d'appeler la même note[1] en plusieurs endroits différents comme ceci[1]

Références

  1. 1,0 et 1,1 texte de la note nommée

Groupes

Il est possible de séparer les notes en différents groupes, en définissant par exemple un groupe pour les sources externes nommé « source » et un autre pour les notes de bas de pages nommé « note ». Le nom du groupe doit alors être spécifié avec l'attribut group dans les balises <ref> et <references> comme dans l'exemple ci-dessous :

Syntaxe wikilivres Résultat

Ceci est un texte<ref group="note">Un texte d'exemple</ref> illustrant le groupement des références<ref group="source">https://fr.wikibooks.org/wiki/Aide:Syntaxe</ref> se terminant avec une seconde note de bas de page<ref group="note">Dont le contenu n’apparaît pas directement dans le texte.</ref>.

Notes de bas de page :
<references group="note"/>

Sources :
<references group="source"/>

Ceci est un texte[note 1] illustrant le groupement des références[source 1] se terminant avec une seconde note de bas de page[note 2].

Notes de bas de page :

  1. Un texte d'exemple
  2. Dont le contenu n’apparaît pas directement dans le texte.

Sources :

  1. https://fr.wikibooks.org/wiki/Aide:Syntaxe

Références définies en bas de page

La définition du contenu peut se faire classiquement dans le texte, dans le contenu de la balise <ref>. Le texte peut réutiliser les mêmes références en la nommant comme vu précédemment. Pour un même nom, le contenu ne doit être défini qu'une seule fois, sinon une erreur se produit. Éviter cette erreur est difficile dans un long texte, ou quand il y a beaucoup de références.

Dans ce cas, pour mieux gérer les références, il est possible de définir le contenu dans la balise <references> sous forme de balises <ref> nommées. Le texte de la page ne contient alors plus de contenu directement. Cela permet de regrouper le contenu de toutes les références en bas de page. Il faut cependant veiller à référencer toutes les notes dans le texte, car les références non utilisées provoquent la génération d'une erreur. Définir les notes en bas de page plutôt que dans le texte permet de ne pas interrompre le flux du texte par une longue note dans le code source, le rendant plus lisible et facile à modifier.

Si les groupes sont utilisés, il faut également spécifier le groupe dans le texte :

Syntaxe wikilivres Résultat

Ceci est un texte<ref group="note" name="expliquer_un"/> illustrant le groupement des références<ref group="source" name="source_un"/> se terminant avec une seconde note de bas de page<ref group="note" name="expliquer_deux"/>.

Notes de bas de page :
<references group="note">
<ref name="expliquer_un">Un texte d'exemple</ref>
<ref name="expliquer_deux">Dont le contenu n’apparaît pas directement dans le texte.</ref>
</references>

Sources :
<references group="source">
<ref name="source_un">https://fr.wikibooks.org/wiki/Aide:Syntaxe</ref>
</references>

Ceci est un texte[note 1] illustrant le groupement des références[source 1] se terminant avec une seconde note de bas de page[note 2].

Notes de bas de page :

  1. Un texte d'exemple
  2. Dont le contenu n’apparaît pas directement dans le texte.

Sources :

  1. https://fr.wikibooks.org/wiki/Aide:Syntaxe

Voir aussi

Consultez également ces pages dans d’autres projets Wikimedia :

Article encyclopédique sur Wikipédia.
Définition sur Wiktionnaire.
Ressources éducatives sur Wikiversité.
Texte sur Wikisource.
Citations sur Wikiquote.
Article d’actualité sur Wikinews.