Astuces de composition

formats d'entrée:
  • HTML Filtré:

    • Tags HTML autorisés : <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <!--> <b> <blockquote> <br> <del> <embed> <fieldset> <font> <h1> <h2> <h3> <h4> <hr> <i> <iframe> <img> <ol> <p> <pre> <small> <span> <sub> <sup> <u> <table> <tr> <td> <div> <style>

      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'informations, consultez 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 baliseVous saisissezVous obtenez
      Les ancres sont utilisées pour établir des liens vers d'autres pages.<a href="https://wtp.hippo.ws">wtp.hippo.ws</a>wtp.hippo.ws
      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>
      • Premier élément
      • Second élément
      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>
      1. Premier élément
      2. Second élément
      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>
      Premier terme
      Première définition
      Second terme
      Seconde définition
      Gras<b>Gras</b>Gras
      Citation longue<blockquote>Citation longue</blockquote>
      Citation longue
      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.0Texte avec <br />saut de ligneTexte avec
      saut de ligne
      Supprimé<del>Supprimé</del>Supprimé
      Aucune aide n'est fournie pour la balise embed.
      Aucune aide n'est fournie pour la balise fieldset.
      Aucune aide n'est fournie pour la balise font.
      Entête<h1>Titre</h1>

      Titre
      Entête<h2>Sous-titre</h2>

      Sous-titre
      Entête<h3>Sous-titre trois</h3>

      Sous-titre trois
      Entête<h4>Sous-titre quatre</h4>

      Sous-titre quatre
      Aucune aide n'est fournie pour la balise hr.
      Italique<i>Italique</i>Italique
      Aucune aide n'est fournie pour la balise iframe.
      Aucune aide n'est fournie pour la balise img.
      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>
      1. Premier élément
      2. Second élément
      Les balises de paragraphe sont ajoutées par défaut. Utilisez celle-ci pour en ajouter.<p>Paragraphe un.</p> <p>Paragraphe deux.</p>

      Paragraphe un.

      Paragraphe deux.
      Texte préformaté<pre>Texte préformaté</pre>
      Texte préformaté
      Aucune aide n'est fournie pour la balise small.
      Aucune aide n'est fournie pour la balise span.
      Indice<sub>Ind</sub>iceIndice
      Exposant<sup>Exp</sup>osantExposant
      Souligné<u>Souligné</u>Souligné
      Tableau<table> <tr><th>En-tête de tableau</th></tr> <tr><td>Cellule de tableau</td></tr> </table>
      En-tête de tableau
      Cellule de tableau
      Aucune aide n'est fournie pour la balise div.
      Aucune aide n'est fournie pour la balise style.

      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 &amp; pour le et commercial &. Pour une liste complète des entités consultez la page entités HTML du W3C. Voici quelques caractères disponibles :

      Description du caractèreVous saisissezVous obtenez
      Et commercial&amp;&
      Supérieur&gt;>
      Inférieur&lt;<
      Marque de citation&quot;"
    • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
    • Si vous ajoutez une émoticône textuelle dans votre billet (voir le tableau ci-dessous), elle sera remplacée par une émoticône graphique.
      Emoticônes
      Emoticone (Smiley)Acronymes
      :):) :-) :smile:
      :D:D :-D :lol:
      :bigsmile::bigsmile:
      ;);) ;-) :wink:
      :p:p :-p :tongue:
      :O:O :-O :shock:
      :|:| :-| :stare:
      :(:( :-( :sad:
      :~:~ :-~ :puzzled:
      :((:(( :-(( :cry:
      8)8) 8-) :cool:
      :steve::steve:
      J)J) J-) :crazy:
      :glasses::glasses:
      :party::party:
      :love::love:
      :X:X :-X :oups:
      :8):8) :8-) :shy:
      0:)0:) 0) 0:-) :innocent:
      :*:* :-* :sexy:
      |(|( \( :angry:
      :Sp:Sp :-S) :sick:
      :tired::tired:
      :santa::santa:
      :mail::mail:
      :sushi::sushi:
      :hat::hat:
      H)H) H:) H:-) :grade:
      :ghost::ghost:
      $)$) $-) :cash:
      :crown::crown:
      :davie::davie:
      S)S) S) :drunk:
      >)>) >-) :evil:
      :beer::beer:
      :star::star:
      :arrow::arrow:
      :quest::quest:
      :exmark::exmark:
    • Les lignes et les paragraphes sont reconnus automatiquement. Les balises <br /> saut de ligne, <p> paragraphe et </p> fin de paragraphe sont insérées automatiquement.Si les paragraphes ne sont pas reconnus ajoutez simplement quelques lignes vides.
  • Full HTML:
    • Si vous ajoutez une émoticône textuelle dans votre billet (voir le tableau ci-dessous), elle sera remplacée par une émoticône graphique.
      Emoticônes
      Emoticone (Smiley)Acronymes
      :):) :-) :smile:
      :D:D :-D :lol:
      :bigsmile::bigsmile:
      ;);) ;-) :wink:
      :p:p :-p :tongue:
      :O:O :-O :shock:
      :|:| :-| :stare:
      :(:( :-( :sad:
      :~:~ :-~ :puzzled:
      :((:(( :-(( :cry:
      8)8) 8-) :cool:
      :steve::steve:
      J)J) J-) :crazy:
      :glasses::glasses:
      :party::party:
      :love::love:
      :X:X :-X :oups:
      :8):8) :8-) :shy:
      0:)0:) 0) 0:-) :innocent:
      :*:* :-* :sexy:
      |(|( \( :angry:
      :Sp:Sp :-S) :sick:
      :tired::tired:
      :santa::santa:
      :mail::mail:
      :sushi::sushi:
      :hat::hat:
      H)H) H:) H:-) :grade:
      :ghost::ghost:
      $)$) $-) :cash:
      :crown::crown:
      :davie::davie:
      S)S) S) :drunk:
      >)>) >-) :evil:
      :beer::beer:
      :star::star:
      :arrow::arrow:
      :quest::quest:
      :exmark::exmark:

    • To add a lightbox to your images, add rel="lightbox" attribute to any link tag to activate the lightbox. For example:

      <a href="image-1.jpg" rel="lightbox">image #1</a>

      <a href="image-1.jpg" rel="lightbox[][my caption]">image #1</a>

      To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.

      If you have a set of related images that you would like to group, then you will need to include a group name between square brackets in the rel attribute. For example:

      <a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
      <a href="image-2.jpg" rel="lightbox[roadtrip][caption 2]">image #2</a>
      <a href="image-3.jpg" rel="lightbox[roadtrip][caption 3]">image #3</a>

      There are no limits to the number of image sets per page or how many images are allowed in each set.

      If you wish to turn the caption into a link, format your caption in the following way:

      <a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>

    • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
    • Les lignes et les paragraphes sont reconnus automatiquement. Les balises <br /> saut de ligne, <p> paragraphe et </p> fin de paragraphe sont insérées automatiquement.Si les paragraphes ne sont pas reconnus ajoutez simplement quelques lignes vides.