Balises HTML authorisées: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><br>
Ce site autorise le contenu HTML. Alors qu'appendre tout l'HTML pourrait intimider, apprendre à utiliser un nombre très restreint des "balises" HTML les plus basiques est très facile. Ce tableau fournit des exemples pour chaque balise qui est autorisée sur ce site.
Pour plus d'information voir les spécifications HTML du W3C ou utilisez votre moteur de recherche préféré pour trouver d'autres sites qui expliquent le code HTML.
| Description de la balise | Vous entrez | Vous obtenez |
|---|---|---|
| Les ancres sont utilisées pour établir des liens vers d'autres pages. | <a href="http://www.duvy.org">Duvy Organisation</a> | Duvy Organisation |
| Accentué | <em>Accentué</em> | Accentué |
| Fort | <strong>Fort</strong> | Fort |
| Citation | <cite>Citation</cite> | Citation |
| Text codé pour afficher du code de programmation | <code>Codé</code> | Codé |
| Liste non ordonnée - utilisez <li> pour débuter chaque élément de la liste | <ul> <li>Premier élément</li> <li>Second élément</li> </ul> |
|
| Liste ordonnée - utilisez <li> pour débuter chaque élément de la liste | <ol> <li>Premier élément</li> <li>Second élément</li> </ol> |
|
| Les listes de définition sont similaires aux autres listes HTML. <dl> délimite la liste de définitions, <dt> délimite le terme à définir <dd> délimite la définition proprement dite. | <dl> <dt>Premier terme</dt> <dd>Première définition</dd> <dt>Second terme</dt> <dd>Seconde définition</dd> </dl> |
|
| Les balises de saut de ligne sont automatiquement ajoutées par défaut, utilisez ceci pour en ajouter d'autres. L'usage de cette balise est différent car elle n'est pas utilisée avec une paire ouvrante/fermante comme les autres. Utilisez le " /" supplémentaire dans la balise pour conserver la compatibilité XHTML 1.0 | Texte avec <br />saut de ligne | Texte avec saut de ligne |
La plupart des caractères non usuels peuvent être entrés sans problème.
Si vous rencontrez des problèmes, essayez d'utiliser les entités HTML. Un exemple courant est & pour le et commercial &. Pour une liste complète des entités voyez la page entités HTML du W3C. Voici quelques caractères disponibles :
| Description du caractère | Vous entrez | Vous obtenez |
|---|---|---|
| Et commercial | & | & |
| Supérieur | > | > |
| Inférieur | < | < |
| Marque de citation | " | " |
Quoted content can be placed between [quote] tags in order to be displayed as an indented quote. Every [quote] tag must have a corresponding [/quote] tag. For example:
[quote]This is a simple quote.[/quote]is displayed as:
Additionally, there is an optional attribute which allows quotes to specify the original author.
[quote=Mr. Drupal]This is a quote with an attribution line.[/quote]is displayed as:
Finally, multiple [quote] tags can be nested within one another. Just remember that every [quote] tag must have a corresponding [/quote] tag.
[quote]I think she says it best... [quote=Ms. Quotation]This is a quote nested within another quote.[/quote] but you can't argue with [quote=Ms. Reply]The more quotes, the merrier. Just don't get too carried away.[/quote] And I have nothing more to say.[/quote]is displayed as:
BBCode permet de d'appliquer des règles de format au texte, même si vous n'êtes pas authorisé à utiliser le code HTML dans votre texte. Le BBCode trouve son origine dans les forums PHPBB, et ce site en a une implémentation spécifique.
En terme de BBCode, vous utilisz des "codes" pour ajouter du format dans votre texte. Chaque code est encadré par un [ et ] crochet. Si vous désirez marquer une portion de texte, vous devez utilisez un code d'ouverture et un de fermeture. Le code de fermeture commence par [/, comme vous pouvez le voir de l'exemple ci-dessous. Si vous faites une erreur ou si vous l'oubliez, vous n'aurez pas le résultat voulu.
BBCode permet de mettre en évidence une partie de texte par l'ajout de [b]old, [i]talic, [u]nderlined et [s]trikeout code. Le code [color], [size] et [font] permet de changer la couleur, la taille et la police de caratère sur la portion de texte encadré par ces codes. Ils demandent tous un paramètre (quel couleur, quel taille, quelle police) pour compléter le nom du code avec le signe égal "=" (exemple ci-dessous). Vous ne devez pas répéter le paramètre dans le code de fermeture!
Vous pouvez indiquer le nom de la couleur comme (red, blue, green, white, etc.) ou la valeur hexadécimale (#CDCDCD, #FFFFFF, etc.) comme paramètre de la balise [color]. La balise [size] permet d'indiquer une taille de caractère entre 6 et 48, 6 étant la plus petite taille. Cependant ne perdez pas de vue que beaucoup considère les grandes tailles comme ennuyeuses voir choquantes, et il est rare de les utiliser dans vos contributions pour attirer l'attention de cette manière. La balise [font] peut contenir un nom de police connu, comme Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana, etc.
| Vous indiquez | Vous voyez |
|---|---|
| Je dois [b]partir[/b] ce dimanche | Je dois partir ce dimanche |
| Paul dit : elle part [i]demain[/i] | Paul dit : elle part demain |
| Je [u]ne désire pas[/u] participer | Je ne désire pas participer |
| Corriger cette [s]petit[/s] petite faute | Corriger cette |
| Clara était à [color=blue]la côte[/color] | Clara était à la côte |
| Joe est dans [color=#FF0000]la forêt[/color] | Joe est dans la forêt |
| Vous dites: [size=30]HELLO![/size] | Vous dites: HELLO! |
| Elle répond: [font=Courier]Quoi?[/font] | Elle répond: Quoi? |
Vous avez plusieurs options pour placer dans vos textes un lien vers d'autres destinations.
Les URLs (Uniform Resource Locators) commence avec "www" ou "ftp" (p.ex. www.exemple.com) est automatiquement reconnu et remplacé par le lien. Vous pouvez aussi utiliser la balise [url] avec un texte plus clair comme paramètre pour indiquer un lien à cliquer. Si vous utilisez une balise url sans ce paramètre, le texte inclu dans la balise sera assumé comme le texte du lien vers la destination.
Les adresses Email dans les textes sont aussi automatiquement convertie en lien. Pour une question de compatibilité avec les codes implémentés pour BBCode, une balise [email] est aussi disponible.
| Vous entrez | Vous obtenez |
|---|---|
| Pour plus d'exemples, consultez www.example.com | Pour plus d'exemples, consultez www.example.com |
| Pour plus d'exemples, consultez http://example.com | Pour plus d'exemples, consultez http://example.com |
| Si vous avez des questions, contactez moi à joe@example.com | Si vous avez des questions, contactez moi à joe@example.com |
| Si vous avez des questions, contactez moi à [email]joe@example.com[/email] | Si vous avez des questions, contactez moi à joe@example.com |
| Vous utilisez [url=http://example.com/]ce site[/url] dans ces exemples | Vous utilisez ce site dans ces exemples |
| Vous utilisez [url]http://example.com/[/url] dans les exemples | Vous utilisez http://example.com/ dans les exemples |
La balise [img] vous permet d'afficher une image dans votre texte. Vous devez spécifier l'URL de l'image de tel sorte qu'elle soit accessible quelque part sur le Net. Attention que les très grosse image dans votre texte pénalisent le temps de chargement!
Si vous placez un URL dans une balise [img], celui-ci sera
remplacé avec le code adéquat pour afficher l'image. Par exemple Une bonne
image écran: [img]http://example.com/image-ecran.png[/img]
montrera l'image même (si elle existe !!).
Vous pouvez aussi indiquer une dimension maximum
en placant un paramètre de dimension à la balise [img]. A
une image-exemple: [img=640x480]http://exemple.com/image-exemple.png[/img]
affichera une image de 640x480 (alors que l'image entière sera
chargée). N'utilisez pas ceci pour afficher le format vignette d'une image!
Libre à vous de mettre une image sur un lien vers l'extérieur en incluant
la balise [img] dans une balise [url] : Comme ceci
[url=http://exemple.com][img]http://exemple.com/image-exemple.png[/img][/url].
La liste la plus simple n'est pas ordonnée, ce qui signifie qu'il n'y a aucune numérotation des éléments. Vous pouvez faire ce genre de liste en incluant les éléments entre les deux balises [list] d'ouverture et fermeture. Indiquez le départ d'un élément par un [*] qui est un marqueur, et n'a pas d'équivalent de fermeture.
Pour créer une liste ordonnée, vous ajoutez un paramètre à la balise [list] pour indiquer quel type de liste vous aimeriez voir. Les valeurs possibles de ces paramètres sont "i", "I", "1", "a", "A", "c", "d" et "s" qui correspondent tous au premier élément de la liste.
| Vous entrez | Vous obtenez |
|---|---|
I love [list] [*]Oranges [*]Pommes [*]Bananas [/list] |
I love
|
I love [list=I] [*]Oranges [*]Pommes [*]Bananes [/list] |
I love
|
I love [list=1] [*]Oranges [*]Pommes [*]Bananes [/list] |
I love
|
Vous pouvez utiliser la balise [code] pour placer un texte de largeur fixe ou pour placer un bloc (habituellement du code de programme). Si il y a une retour à la ligne entre la balise d'ouverture et fermeture, alors un bloc sera affiché.
De la même manière, la balise [php] peut être utilisée pour placer du code PHP. Le code PHP est automatiquement formatté suivant la syntaxe pour une meilleure lecture.
| Vous entrez | Vous obtenez |
|---|---|
| Modifier le fichier [code]robots.txt[/code] | Modifier le fichier robots.txt |
|
Un exemple de titre HTML: [code] <head> <title>Titre de la Page</title> </head> [/code] |
Un exemple de titre HTML:
<head>
|
|
Un peu de code PHP: [php] <?php function salut() { echo "Bonjour à tous!"; } ?> [/php] |
Un peu de code PHP:
<?php
|
Vous pouvez aussi préciser l'alignement du texte avec les balises [left], [right] et [center]. La balise [float] est employée pour les cadres flottants dans le texte (spécialement utile pour les images). Vous pouvez indiquer la direction du flottement avec [float=left] et [float=right]. La balise [justify] est utilisée pour justifier les deux côtés de la page.
Il est possible de citer du texte précédemment écrit en placant les balises [quote][/quote] de part et d'autre du texte cité. Pour citer une personne spécifique, utilisé ce genre de balise [quote=John]. Les balises Quote peuvent être imbriquées.
Les balises [sub] et [sup] sont utilisées pour les indices. Par exemple, H[sub]2[/sub]O donne H2O, alors que X[sup]3[/sup] donne X3.
La balise [acronym] identifie un mot commme un acronyme et en donne la description lorsque le pointeur de la souris passe sur le mot. Par exemple, [acronym=Point Mort Haut]PMH[/acronym] donne PMH.
La balise [abbr] identifie un mot comme abbréviation et en donne la description lorsque le pointeur de la souris passe sur le mot. Par exemple, [abbr=World Wide Web]WWW[/abbr] donne WWW.
La balise [notag] empêche le texte inclu d'être interprété. Ceci permet de donner des exemples de BBcode sans est converti en HTML. Par exemple: [notag]Cette [b]balise[/b] n'est pas rendue[/notag] donne "Cette [b]balise[/b] n'est pas rendue".
La balise [hr] trace une ligne horizontale à travers la page. Utile pour séparer des blocs de texte.
Vous pouvez en appliquer plusieurs à la fois dans une même portion de texte.
Je suis à [b][i]la mer[/i][/b] s'affichera
ainsi Je suis à la mer.
Vérifiez le bon ordre d'ouverture et fermeture des codes. Vous devez fermer les codes dans l'ordre inverse de l'ouverture. Sans quoi, vous risquez d'avoir des résultats inattendus. Utilisez le bouton aperçu avant de soumettre votre texte au cas il y auraient des erreurs de mise en forme dû à un usage incorrect des BBCode.
Break long pages into smaller ones by means of a page tag:
First page here. <!--pagebreak--> Second page here. <!--pagebreak--> More pages here.
Break long pages into smaller ones by means of a page tag:
First page here. <!--pagebreak--> Second page here. <!--pagebreak--> More pages here.
Quoted content can be placed between [quote] tags in order to be displayed as an indented quote. Every [quote] tag must have a corresponding [/quote] tag. For example:
[quote]This is a simple quote.[/quote]is displayed as:
Additionally, there is an optional attribute which allows quotes to specify the original author.
[quote=Mr. Drupal]This is a quote with an attribution line.[/quote]is displayed as:
Finally, multiple [quote] tags can be nested within one another. Just remember that every [quote] tag must have a corresponding [/quote] tag.
[quote]I think she says it best... [quote=Ms. Quotation]This is a quote nested within another quote.[/quote] but you can't argue with [quote=Ms. Reply]The more quotes, the merrier. Just don't get too carried away.[/quote] And I have nothing more to say.[/quote]is displayed as:
BBCode permet de d'appliquer des règles de format au texte, même si vous n'êtes pas authorisé à utiliser le code HTML dans votre texte. Le BBCode trouve son origine dans les forums PHPBB, et ce site en a une implémentation spécifique.
En terme de BBCode, vous utilisz des "codes" pour ajouter du format dans votre texte. Chaque code est encadré par un [ et ] crochet. Si vous désirez marquer une portion de texte, vous devez utilisez un code d'ouverture et un de fermeture. Le code de fermeture commence par [/, comme vous pouvez le voir de l'exemple ci-dessous. Si vous faites une erreur ou si vous l'oubliez, vous n'aurez pas le résultat voulu.
BBCode permet de mettre en évidence une partie de texte par l'ajout de [b]old, [i]talic, [u]nderlined et [s]trikeout code. Le code [color], [size] et [font] permet de changer la couleur, la taille et la police de caratère sur la portion de texte encadré par ces codes. Ils demandent tous un paramètre (quel couleur, quel taille, quelle police) pour compléter le nom du code avec le signe égal "=" (exemple ci-dessous). Vous ne devez pas répéter le paramètre dans le code de fermeture!
Vous pouvez indiquer le nom de la couleur comme (red, blue, green, white, etc.) ou la valeur hexadécimale (#CDCDCD, #FFFFFF, etc.) comme paramètre de la balise [color]. La balise [size] permet d'indiquer une taille de caractère entre 6 et 48, 6 étant la plus petite taille. Cependant ne perdez pas de vue que beaucoup considère les grandes tailles comme ennuyeuses voir choquantes, et il est rare de les utiliser dans vos contributions pour attirer l'attention de cette manière. La balise [font] peut contenir un nom de police connu, comme Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana, etc.
| Vous indiquez | Vous voyez |
|---|---|
| Je dois [b]partir[/b] ce dimanche | Je dois partir ce dimanche |
| Paul dit : elle part [i]demain[/i] | Paul dit : elle part demain |
| Je [u]ne désire pas[/u] participer | Je ne désire pas participer |
| Corriger cette [s]petit[/s] petite faute | Corriger cette |
| Clara était à [color=blue]la côte[/color] | Clara était à la côte |
| Joe est dans [color=#FF0000]la forêt[/color] | Joe est dans la forêt |
| Vous dites: [size=30]HELLO![/size] | Vous dites: HELLO! |
| Elle répond: [font=Courier]Quoi?[/font] | Elle répond: Quoi? |
Vous avez plusieurs options pour placer dans vos textes un lien vers d'autres destinations.
Les URLs (Uniform Resource Locators) commence avec "www" ou "ftp" (p.ex. www.exemple.com) est automatiquement reconnu et remplacé par le lien. Vous pouvez aussi utiliser la balise [url] avec un texte plus clair comme paramètre pour indiquer un lien à cliquer. Si vous utilisez une balise url sans ce paramètre, le texte inclu dans la balise sera assumé comme le texte du lien vers la destination.
Les adresses Email dans les textes sont aussi automatiquement convertie en lien. Pour une question de compatibilité avec les codes implémentés pour BBCode, une balise [email] est aussi disponible.
| Vous entrez | Vous obtenez |
|---|---|
| Pour plus d'exemples, consultez www.example.com | Pour plus d'exemples, consultez www.example.com |
| Pour plus d'exemples, consultez http://example.com | Pour plus d'exemples, consultez http://example.com |
| Si vous avez des questions, contactez moi à joe@example.com | Si vous avez des questions, contactez moi à joe@example.com |
| Si vous avez des questions, contactez moi à [email]joe@example.com[/email] | Si vous avez des questions, contactez moi à joe@example.com |
| Vous utilisez [url=http://example.com/]ce site[/url] dans ces exemples | Vous utilisez ce site dans ces exemples |
| Vous utilisez [url]http://example.com/[/url] dans les exemples | Vous utilisez http://example.com/ dans les exemples |
La balise [img] vous permet d'afficher une image dans votre texte. Vous devez spécifier l'URL de l'image de tel sorte qu'elle soit accessible quelque part sur le Net. Attention que les très grosse image dans votre texte pénalisent le temps de chargement!
Si vous placez un URL dans une balise [img], celui-ci sera
remplacé avec le code adéquat pour afficher l'image. Par exemple Une bonne
image écran: [img]http://example.com/image-ecran.png[/img]
montrera l'image même (si elle existe !!).
Vous pouvez aussi indiquer une dimension maximum
en placant un paramètre de dimension à la balise [img]. A
une image-exemple: [img=640x480]http://exemple.com/image-exemple.png[/img]
affichera une image de 640x480 (alors que l'image entière sera
chargée). N'utilisez pas ceci pour afficher le format vignette d'une image!
Libre à vous de mettre une image sur un lien vers l'extérieur en incluant
la balise [img] dans une balise [url] : Comme ceci
[url=http://exemple.com][img]http://exemple.com/image-exemple.png[/img][/url].
La liste la plus simple n'est pas ordonnée, ce qui signifie qu'il n'y a aucune numérotation des éléments. Vous pouvez faire ce genre de liste en incluant les éléments entre les deux balises [list] d'ouverture et fermeture. Indiquez le départ d'un élément par un [*] qui est un marqueur, et n'a pas d'équivalent de fermeture.
Pour créer une liste ordonnée, vous ajoutez un paramètre à la balise [list] pour indiquer quel type de liste vous aimeriez voir. Les valeurs possibles de ces paramètres sont "i", "I", "1", "a", "A", "c", "d" et "s" qui correspondent tous au premier élément de la liste.
| Vous entrez | Vous obtenez |
|---|---|
I love [list] [*]Oranges [*]Pommes [*]Bananas [/list] |
I love
|
I love [list=I] [*]Oranges [*]Pommes [*]Bananes [/list] |
I love
|
I love [list=1] [*]Oranges [*]Pommes [*]Bananes [/list] |
I love
|
Vous pouvez utiliser la balise [code] pour placer un texte de largeur fixe ou pour placer un bloc (habituellement du code de programme). Si il y a une retour à la ligne entre la balise d'ouverture et fermeture, alors un bloc sera affiché.
De la même manière, la balise [php] peut être utilisée pour placer du code PHP. Le code PHP est automatiquement formatté suivant la syntaxe pour une meilleure lecture.
| Vous entrez | Vous obtenez |
|---|---|
| Modifier le fichier [code]robots.txt[/code] | Modifier le fichier robots.txt |
|
Un exemple de titre HTML: [code] <head> <title>Titre de la Page</title> </head> [/code] |
Un exemple de titre HTML:
<head>
|
|
Un peu de code PHP: [php] <?php function salut() { echo "Bonjour à tous!"; } ?> [/php] |
Un peu de code PHP:
<?php
|
Vous pouvez aussi préciser l'alignement du texte avec les balises [left], [right] et [center]. La balise [float] est employée pour les cadres flottants dans le texte (spécialement utile pour les images). Vous pouvez indiquer la direction du flottement avec [float=left] et [float=right]. La balise [justify] est utilisée pour justifier les deux côtés de la page.
Il est possible de citer du texte précédemment écrit en placant les balises [quote][/quote] de part et d'autre du texte cité. Pour citer une personne spécifique, utilisé ce genre de balise [quote=John]. Les balises Quote peuvent être imbriquées.
Les balises [sub] et [sup] sont utilisées pour les indices. Par exemple, H[sub]2[/sub]O donne H2O, alors que X[sup]3[/sup] donne X3.
La balise [acronym] identifie un mot commme un acronyme et en donne la description lorsque le pointeur de la souris passe sur le mot. Par exemple, [acronym=Point Mort Haut]PMH[/acronym] donne PMH.
La balise [abbr] identifie un mot comme abbréviation et en donne la description lorsque le pointeur de la souris passe sur le mot. Par exemple, [abbr=World Wide Web]WWW[/abbr] donne WWW.
La balise [notag] empêche le texte inclu d'être interprété. Ceci permet de donner des exemples de BBcode sans est converti en HTML. Par exemple: [notag]Cette [b]balise[/b] n'est pas rendue[/notag] donne "Cette [b]balise[/b] n'est pas rendue".
La balise [hr] trace une ligne horizontale à travers la page. Utile pour séparer des blocs de texte.
Vous pouvez en appliquer plusieurs à la fois dans une même portion de texte.
Je suis à [b][i]la mer[/i][/b] s'affichera
ainsi Je suis à la mer.
Vérifiez le bon ordre d'ouverture et fermeture des codes. Vous devez fermer les codes dans l'ordre inverse de l'ouverture. Sans quoi, vous risquez d'avoir des résultats inattendus. Utilisez le bouton aperçu avant de soumettre votre texte au cas il y auraient des erreurs de mise en forme dû à un usage incorrect des BBCode.