Les balises de la syntaxe wiki | |
Les combinaisons (ou balises) utilisées dans une page Wiki constituent la syntaxe wiki. Elles sont formées de caractères communs utilisés d'une façon spécifique. Certaines balises ne s'appliquent qu'en début de ligne et ne nécessitent pas de balise de fermeture. D'autres peuvent être insérées n'importe-où dans le texte, et doivent être accompagnées de la même séquence en tant que balise de fermeture. La balise d'ouverture et la balise de fermeture délimitent la portion de texte à laquelle s'applique la balise. Les section suivantes expliquent plus en détail la syntaxe Wiki. |
Référence rapide - mise en forme simple du texte | |||||||||||||||||||||||||||||
|
Mise en forme simple | |
La syntaxe Wiki présentée dans cette section peut être insérée partout dans le texte pour mettre en exergue (évidence) certains caractères, mots ou passages du texte. |
Texte coloré | |
Le texte peut prendre la couleur que vous désirez. Deux tildes (~) sont suivis du nom en anglais de la couleur et d'un deux-points (:) pour indiquer le début de l'activation de la couleur. Deux autres tildes (~) viennent indiquer le retour à une couleur de base. Exemple : np~Ce texte est en rouge~/np~ produit : Ce texte est en rouge Le texte coloré peut également être activé en utilisant le code HTML. En HTML, les couleurs sont désignées par une séquence de trois chiffres hexadécimaux. Une paire pour le rouge, une pour le bleu et une pour le vert. Ainsi, 00 00 00 donne blanc. La syntaxe dans ce cas est constituée de deux tildes (~) suivi d'un dièse (#) suivi des paires hexadécimales suivies du deux-points(:), puis du texte qui doit être de cette couleur. Deux tildes (~) viennent clore la coloration du texte. Exemple : np~Ce texte est d'une couleur Magenta ~/np~ donne : Ce texte est d'une couleur Magenta |
Couleurs HTML recommandées (Web Safe) | |
[+]
Courtoisie de Damosoft Web Design | | Nom de Couleur | Code héxadécimal |
#F0F8FF | Colored Text | |
| | AntiqueWhite | #FAEBD7 | Colored Text | |
| | Aqua | #00FFFF | Colored Text | |
| | Aquamarine | #7FFFD4 | Colored Text | |
| | Azure | #F0FFFF | Colored Text | |
| | Beige | #F5F5DC | Colored Text | |
| | Bisque | #FFE4C4 | Colored Text | |
| | Black | #000000 | Colored Text | |
| | BlanchedAlmond | #FFEBCD | Colored Text | |
| | Blue | #0000FF | Colored Text | |
| | BlueViolet | #8A2BE2 | Colored Text | |
| | Brown | #A52A2A | Colored Text | |
| | BurlyWood | #DEB887 | Colored Text | |
| | CadetBlue | #5F9EA0 | Colored Text | |
| | Chartreuse | #7FFF00 | Colored Text | |
| | Chocolate | #D2691E | Colored Text | |
| | Coral | #FF7F50 | Colored Text | |
| | CornflowerBlue | #6495ED | Colored Text | |
| | Cornsilk | #FFF8DC | Colored Text | |
| | Crimson | #DC143C | Colored Text | |
| | Cyan | #00FFFF | Colored Text | |
| | DarkBlue | #00008B | Colored Text | |
| | DarkCyan | #008B8B | Colored Text | |
| | DarkGoldenRod | #B8860B | Colored Text | |
| | DarkGray | #A9A9A9 | Colored Text | |
| | DarkGreen | #006400 | Colored Text | |
| | DarkKhaki | #BDB76B | Colored Text | |
| | DarkMagenta | #8B008B | Colored Text | |
| | DarkOliveGreen | #556B2F | Colored Text | |
| | Darkorange | #FF8C00 | Colored Text | |
| | DarkOrchid | #9932CC | Colored Text | |
| | DarkRed | #8B0000 | Colored Text | |
| | DarkSalmon | #E9967A | Colored Text | |
| | DarkSeaGreen | #8FBC8F | Colored Text | |
| | DarkSlateBlue | #483D8B | Colored Text | |
| | DarkSlateGray | #2F4F4F | Colored Text | |
| | DarkTurquoise | #00CED1 | Colored Text | |
| | DarkViolet | #9400D3 | Colored Text | |
| | DeepPink | #FF1493 | Colored Text | |
| | DeepSkyBlue | #00BFFF | Colored Text | |
| | DimGray | #696969 | Colored Text | |
| | DodgerBlue | #1E90FF | Colored Text | |
| | Feldspar | #D19275 | Colored Text | |
| | FireBrick | #B22222 | Colored Text | |
| | FloralWhite | #FFFAF0 | Colored Text | |
| | ForestGreen | #228B22 | Colored Text | |
| | Fuchsia | #FF00FF | Colored Text | |
| | Gainsboro | #DCDCDC | Colored Text | |
| | GhostWhite | #F8F8FF | Colored Text | |
| | Gold | #FFD700 | Colored Text | |
| | GoldenRod | #DAA520 | Colored Text | |
| | Gray | #808080 | Colored Text | |
| | Green | #008000 | Colored Text | |
| | GreenYellow | #ADFF2F | Colored Text | |
| | HoneyDew | #F0FFF0 | Colored Text | |
| | HotPink | #FF69B4 | Colored Text | |
| | IndianRed | #CD5C5C | Colored Text | |
| | Indigo | #4B0082 | Colored Text | |
| | Ivory | #FFFFF0 | Colored Text | |
| | Khaki | #F0E68C | Colored Text | |
| | Lavender | #E6E6FA | Colored Text | |
| | LavenderBlush | #FFF0F5 | Colored Text | |
| | LawnGreen | #7CFC00 | Colored Text | |
| | LemonChiffon | #FFFACD | Colored Text | |
| | LightBlue | #ADD8E6 | Colored Text | |
| | LightCoral | #F08080 | Colored Text | |
| | LightCyan | #E0FFFF | Colored Text | |
| | LightGoldenRodYellow | #FAFAD2 | Colored Text | |
| | LightGrey | #D3D3D3 | Colored Text | |
| | LightGreen | #90EE90 | Colored Text | |
| | LightPink | #FFB6C1 | Colored Text | |
| | LightSalmon | #FFA07A | Colored Text | |
| | LightSeaGreen | #20B2AA | Colored Text | |
| | LightSkyBlue | #87CEFA | Colored Text | |
| | LightSlateBlue | #8470FF | Colored Text | |
| | LightSlateGray | #778899 | Colored Text | |
| | LightSteelBlue | #B0C4DE | Colored Text | |
| | LightYellow | #FFFFE0 | Colored Text | |
| | Lime | #00FF00 | Colored Text | |
| | LimeGreen | #32CD32 | Colored Text | |
| | Linen | #FAF0E6 | Colored Text | |
| | Magenta | #FF00FF | Colored Text | |
| | Maroon | #800000 | Colored Text | |
| | MediumAquaMarine | #66CDAA | Colored Text | |
| | MediumBlue | #0000CD | Colored Text | |
| | MediumOrchid | #BA55D3 | Colored Text | |
| | MediumPurple | #9370D8 | Colored Text | |
| | MediumSeaGreen | #3CB371 | Colored Text | |
| | MediumSlateBlue | #7B68EE | Colored Text | |
| | MediumSpringGreen | #00FA9A | Colored Text | |
| | MediumTurquoise | #48D1CC | Colored Text | |
| | MediumVioletRed | #C71585 | Colored Text | |
| | MidnightBlue | #191970 | Colored Text | |
| | MintCream | #F5FFFA | Colored Text | |
| | MistyRose | #FFE4E1 | Colored Text | |
| | Moccasin | #FFE4B5 | Colored Text | |
| | NavajoWhite | #FFDEAD | Colored Text | |
| | Navy | #000080 | Colored Text | |
| | OldLace | #FDF5E6 | Colored Text | |
| | Olive | #808000 | Colored Text | |
| | OliveDrab | #6B8E23 | Colored Text | |
| | Orange | #FFA500 | Colored Text | |
| | OrangeRed | #FF4500 | Colored Text | |
| | Orchid | #DA70D6 | Colored Text | |
| | PaleGoldenRod | #EEE8AA | Colored Text | |
| | PaleGreen | #98FB98 | Colored Text | |
| | PaleTurquoise | #AFEEEE | Colored Text | |
| | PaleVioletRed | #D87093 | Colored Text | |
| | PapayaWhip | #FFEFD5 | Colored Text | |
| | PeachPuff | #FFDAB9 | Colored Text | |
| | Peru | #CD853F | Colored Text | |
| | Pink | #FFC0CB | Colored Text | |
| | Plum | #DDA0DD | Colored Text | |
| | PowderBlue | #B0E0E6 | Colored Text | |
| | Purple | #800080 | Colored Text | |
| | Red | #FF0000 | Colored Text | |
| | RosyBrown | #BC8F8F | Colored Text | |
| | RoyalBlue | #4169E1 | Colored Text | |
| | SaddleBrown | #8B4513 | Colored Text | |
| | Salmon | #FA8072 | Colored Text | |
| | SandyBrown | #F4A460 | Colored Text | |
| | SeaGreen | #2E8B57 | Colored Text | |
| | SeaShell | #FFF5EE | Colored Text | |
| | Sienna | #A0522D | Colored Text | |
| | Silver | #C0C0C0 | Colored Text | |
| | SkyBlue | #87CEEB | Colored Text | |
| | SlateBlue | #6A5ACD | Colored Text | |
| | SlateGray | #708090 | Colored Text | |
| | Snow | #FFFAFA | Colored Text | |
| | SpringGreen | #00FF7F | Colored Text | |
| | SteelBlue | #4682B4 | Colored Text | |
| | Tan | #D2B48C | Colored Text | |
| | Teal | #008080 | Colored Text | |
| | Thistle | #D8BFD8 | Colored Text | |
| | Tomato | #FF6347 | Colored Text | |
| | Turquoise | #40E0D0 | Colored Text | |
| | Violet | #EE82EE | Colored Text | |
| | VioletRed | #D02090 | Colored Text | |
| | Wheat | #F5DEB3 | Colored Text | |
| | White | #FFFFFF | Colored Text | |
| | WhiteSmoke | #F5F5F5 | Colored Text | |
| | Yellow | #FFFF00 | Colored Text | |
| | YellowGreen | #9ACD32 | Colored Text | |
Attention : les noms de couleur ne sont pas valides pour tous les navigateurs. Il est donc recommandé d'utiliser les codes hexadécimaux pour être certain d'avoir les bonnes couleurs. Si ces couleurs ne suffisent pas à vos besoins, consultez le lien à la fin de cette page pour le "Color Picker II". |
Texte en gras | |
Deux caractères de soulignement (_) produiront du texte en gras. Exemple : __Ce texte est en gras__ donne :Ce texte est en gras |
Texte en italique | |
Deux apostrophes (') produiront du texte en italique. Exemple : ''Ce texte est en italique' donne : Ce texte est en italique |
Texte souligné | |
Trois caractères égal (=) produiront du texte souligné. Exemple : ===Ce texte est souligné=== donne : Ce texte est souligné |
Texte barré | |
Exemple: produit: |
Texte centré | |
Deux caractères deux-points (:) produiront du texte centré. Le texte peut aussi être centré dans une boîte, une table ou d'autres types d'objets. Exemple : ::Ce texte est en centré:: donne :
Ce texte est centré |
Texte à espacement simple pour du code | |
Le texte à espacement simple est utile lorsqu'on désire afficher du code et peut être formatté de deux façons. La plus simple est de commencer chaque ligne par un ou plusieurs espaces. La combinaison de signes moins (-) et plus (+) peut aussi être utilisée pour spécifier du texte à espacement simple. Exemple : `Ce texte utilise l'espacement simple` donne : Ce texte utilise l'espacement simple |
Boîte de texte | |
Insérez un accent circonflexe au début et un autre à la fin du texte que vous désirez voir encadré. Exemple : ^Ce texte est encadré^ donne : Ce texte est encadré NOTA : Ce style CSS est appelé « simplebox » et peut être différent ou ne pas exister, selon la gestion des thèmes CSS sur votre site. |
Échapper le formatage | |
Pour désactiver le formatage de syntaxe TIki, entourez votre code des balises np (pour ''no processing'). Exemple: ~np~Ce ''texte'' n'est pas ===formaté=== Ce ''texte'' n'est pas ===formaté=== NOTE : les balises np ne peuvent elle-même être échappée grâce à d'autre balises np. Il faut alors utiliser les Caractères spéciaux.
|
Barre de titre | |
La barre de titre permet de séparer visuellement des sections de texte ou bien de rajouter un titre général qui ne sera pas repris dans les tables des matières. C'est particulièrement utile si vous n'avez pas activé l'option qui reprend automatiquement le nom de la page comme titre général. Utilisez la combinaison de signes moins (-) et égal (=). Exemple : {DIV(class=titlebar)}Cette barre de titre n'est pas reprise dans la table des matières{DIV}
donne : Cette barre de titre n'est pas reprise dans la table des matières
NOTA : Ce style CSS est appelé « titlebar » et peut être différent ou ne pas exister, selon la gestion des thèmes CSS sur votre site. |
Décalage | |
Exemple : ;Saviez-vous que le texte décalé apparaît: ici ?
|
Utilisation des crochets | |
Si vous désirez utiliser les crochets dans votre texte (sans qu'ils soient interprétés comme des liens) ajoutez un crochet conditionnel au début. Exemple : Donnerait... [Ceci ne serait pas un lien] |
Commentaires | |
~tc~ ceci est un commentaire ~/tc~ sera gardé dans le code source de la page mais ne s'affichera pas ni la lecture, ni dans le code HTML généré (tikicomment). |
Commentaires HTML | |
~hc~ ceci est un commentaire HTML ~/hc~ sera gardé dans le code source de la page mais ne s'affichera pas à la lecture. Il apparaîtra cependant dans le code source HTML de la page sous la forme -index- ceci est un commentaire HTML --> (htmlcomment). |
Afficher des lignes de code | |
Vous pouvez créer des blocs de code en entourant celui-ci des balises CODE de la manière suivante : Copy to clipboard
S'affichera ainsi : Copy to clipboard
Voir le plugiciel code. |
Texte indenté | |
Il est possible d'indenter du texte grâce à la syntaxe HTML ainsi : Il est aussi possible d'utilise la syntaxe suivante : |
Espaces insécables | |
Utilisez ~hs~ pour ajouter un espace insécable correspondant au code HTML « ». |
Liens utiles | |
Aliases
Wiki Syntax,fr | Wikis Syntax,fr | Wiki-Syntax,fr | Wikis-Syntax,fr | Wiki-Syntax Text,fr |