Aide:Syntaxe

Un livre de Wikilivres.
Aller à la navigation Aller à la recherche

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

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

Titre de section

 ==Titre de section== 

Titre de sous-section

===Titre de sous-section===

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 droite indique les codes à saisir, et celle de gauche l'effet obtenu.

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.

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 modifier l'emplacement de la table des matières : insérer __TOC__ là où vous désirez voir apparaître la table.

Sections, paragraphes et lignes

Pour les titres :

Résultat Syntaxe wikilivres

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>.

Résultat Syntaxe wikilivres
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

pour aller à la ligne.

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

Listes

Résultat Syntaxe wikilivres
  • 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
  1. Les listes numérotées sont également bien pratiques
  2. Bien organisées
    1. Faciles à lire
# Les listes numérotées sont également bien pratiques
# Bien organisées
## Faciles à lire
  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-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é par des lettres minuscules
  2. Deuxième item numéroté par des lettres minuscules
  3. Troisième item numéroté par des lettres minuscules
<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>
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 :
  1. Premier élément
  2. Second élément
  • d'autres branches à l'arborescence
*Une liste numérotée :
:#Premier élément
:#Second élément
*d'autres branches à l'arborescence
Résultat Syntaxe wikilivres
Terme à expliquer
explication du terme
; Terme à expliquer : explication du terme
 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 ;
 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 ;
Le texte est centré.
<div style="text-align: center;">Le texte est centré.</div>
Une ligne horizontale : au-dessus

et en-dessous.

Une ligne horizontale : au-dessus
----
et en-dessous.

Liens, adresses internet et images

Les liens

Résultat Syntaxe wikilivres
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.

Résultat Syntaxe wikilivres
Le même lien, mais avec un nom différent :

page d'accueil.

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

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

Résultat Syntaxe wikilivres
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 :

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

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

Résultat Syntaxe wikilivres
Dupont est équivalent à Dupont
[[Utilisateur:Dupont|]] est équivalent à [[Utilisateur:Dupont|Dupont]]
Résultat Syntaxe wikilivres
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

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]]
Redirection d'une page vers une autre en mettant ce texte dans la première ligne.
#REDIRECT [[France]]
Il existe une notation pour référencer une page sur un Wikipédia 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

[[: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|]]
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

[[wikt:Mot]] 
<br /><br />
[[wikt:Mot|Mot]] ou directement [[wikt:Mot|]]
<br /><br />
[[wikt:en:Word]] ou [[wikt:en:Word|Word]]

Les liens internes, les ancres

Résultat Syntaxe wikilivres

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.

<span id="ancre_1">ancre 1.</span>

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

remarquer 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 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.

[[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 internes sont des liens normaux qui pointent vers des ancres de la page courante :

lien vers l'ancre 1.

lien vers l'ancre 2.

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


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

Le nom de la page courante est toutefois implicite.

Les adresses internet

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

(Bien pratique si on veut imprimer la page.)

Mais l'adresse internet suffit : http://www.nupedia.com.
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 :

Wiki-exemple.png
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

Wiki-exemple.png

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
Icon no.png
Icon yes.png
Plusieurs images qui "flottent" à la suite elles se positionnent les unes à côté des autres.
Icon no.png
Icon yes.png
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

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

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

''Faire ressortir un mot'',
'''un peu plus''',
'''''encore plus'''''.

'''F''' = ''m'' '''a'''.
Police machine à écrire pour les termes techniques.
Police machine à écrire
pour les<tt>termes techniques</tt>
Vous pouvez barrer certains mots et en souligner d'autres....
Vous pouvez <strike>barrer</strike>
certains mots
et <u>en souligner d'autres...</u>
Umlauts et accents :

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

&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;
Ponctuations : ¿ ¡ « » § ¶

† ‡ •

&iquest; &iexcl; &laquo; &raquo; &sect; &para;
&dagger; &Dagger; &bull;
Caractères spéciaux : ™ © ® ¢ € ¥ £ ¤
&trade; &copy; &reg; &cent; &euro; &yen; &pound; &curren;
Indice (subscript en anglais) : x2 et
Exposant (superscript en anglais) : x2
Indice : x<sub>2</sub> et Exposant : x<sup>2</sup>
Caractères grecs : α β γ δ

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

&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 mathématiques : (cf. Wikilivres:Caractères spéciaux)

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

&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;
Plus d'espace que d'habitude, sans saut de ligne : x2   ≥   0 est vrai.

Utile pour les formules.

;x<sup>2</sup>&nbsp;&nbsp;&nbsp;&ge;&nbsp;&nbsp;&nbsp;0
Formules mathématiques compliquées :

  

 
<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>
Suppression de l'interprétation du markup :

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.
<nowiki>Lien → (<i>vers</i>) la [[w:Wikipédia:FAQ|]]</nowiki>

Formules mathématiques ou chimiques

Les balises <math> et <ce> 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 <ce> 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>

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

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

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

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

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

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

<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 <ce display="inline">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</ce> 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 <ce display="block">x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</ce> 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
|}

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

Résultat Syntaxe wikilivres

Seulement le pseudonyme:
Aoineko

~~~ (3 tildes)

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

~~~~ (4 tildes)

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

~~~~~ (5 tildes)

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 :

<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 :

<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 :

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 directes.

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

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

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
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

Tout médiawiki de Wikimédia propose les balises suivantes :

Résultat Syntaxe wikilivres
Phrase[2]
== Références ==
  1. Extension Displaystyle sur le site de mediawiki.
  2. http://fr.wikibooks.org
Phrase<ref>http://URL.com</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
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/>

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.
Bienvenue | Contribuer | Demandes | Discuter | Pages à suivre | Règles | Donnez votre avis | Wikirédacteurs | Pages méta
Syntaxe Wikilivres | Caractères spéciaux | Accents | Couleur | Les tableaux


Premiers pas | Agir sur Wikilivres | Lien ancré | Liens externes | Liens d'interlangue | Modèles de page
Ressources libres de droit | Formules TeX | Catégories | Wikiprojets | Modèles | Liste des modèles dynamiques