Astuces de rédaction

  • Balises HTML autorisées : <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>

    Ce site autorise le contenu HTML. Si apprendre tout le HTML peut paraître intimidant, apprendre comment utiliser les "balises" HTML les plus simples est très facile. Ce tableau fournit des exemples pour chaque balise autorisée sur ce site.

    Pour plus d'informations consulter les spécifications HTML du W3C ou utiliser un moteur de recherche pour trouver d'autres sites contenant des exemples de HTML.

    Description de la balise Vous saisissez Vous obtenez
    Les ancres sont utilisées pour établir des liens vers d'autres pages. <a href="http://info-festival.net">Info Festival</a> Info Festival
    Accentué <em>Accentué</em> Accentué
    Gras <strong>Gras</strong> Gras
    Citation <cite>Citation</cite> Citation
    Citation longue <blockquote>Citation longue</blockquote>
    Citation longue
    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
    Aucune aide n'est fournie pour la balise li.
    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
    Aucune aide n'est fournie pour la balise dt.
    Aucune aide n'est fournie pour la balise dd.
    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

    Entête <h5>Sous-titre cinq</h5>
    Sous-titre cinq
    Entête <h6>Sous-titre six</h6>
    Sous-titre six

    La plupart des caractères non usuels peuvent être saisis sans problème.

    Si vous rencontrez des problèmes, essayez d'utiliser les entités HTML des caractères. Un exemple classique est d'utiliser &amp; pour afficher une esperluette &. Pour une liste complète des entités HTML, consulter la page des entités. Un aperçu des caractères disponibles inclu :

    Description du caractère Vous saisissez Vous obtenez
    Et commercial &amp; &
    Supérieur &gt; >
    Inférieur &lt; <
    Marque de citation &quot; "
  • Lignes et paragraphes sont automatiquement reconnus. Les balises de <br /> saut de ligne, <p> début de paragraphe et </p> fin de paragraphe sont insérées automatiquement. Si un paragraphe n'est pas reconnu, ajoutez simplement deux sauts de lignes.
  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.
  • Balises HTML autorisées : <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt height width data-entity-type data-entity-uuid data-align data-caption>

  • Vous pouvez aligner les images, vidéos, citations, etc, sur la gauche, la droite ou au centre. Exemples :

    • Aligner une image sur la gauche : <img src="" data-align="left" />
    • Aligner une image au centre : <img src="" data-align="center" />
    • Aligner une image sur la droite : <img src="" data-align="right" />
    • … et vous pouvez appliquer ceci à d'autres éléments comme : <video src="" data-align="center" />
  • Vous pouvez ajouter une légende aux images, vidéos, citations, etc. Exemples :

    • <img src="" data-caption="Ceci est une légende" />
    • <video src="" data-caption="La danse Drupal" />
    • <blockquote data-caption="Dries Buytaert">Drupal est génial !</blockquote>
    • <code data-caption="Hello world en JavaScript.">alert("Hello world!");</code>
  • Seules les images hébergées sur ce site peuvent être placées dans une balise <img>.
  • Vous pouvez aligner les images, vidéos, citations, etc, sur la gauche, la droite ou au centre. Exemples :

    • Aligner une image sur la gauche : <img src="" data-align="left" />
    • Aligner une image au centre : <img src="" data-align="center" />
    • Aligner une image sur la droite : <img src="" data-align="right" />
    • … et vous pouvez appliquer ceci à d'autres éléments comme : <video src="" data-align="center" />
  • Vous pouvez ajouter une légende aux images, vidéos, citations, etc. Exemples :

    • <img src="" data-caption="Ceci est une légende" />
    • <video src="" data-caption="La danse Drupal" />
    • <blockquote data-caption="Dries Buytaert">Drupal est génial !</blockquote>
    • <code data-caption="Hello world en JavaScript.">alert("Hello world!");</code>
  • Aucune balise HTML autorisée.
  • Lignes et paragraphes sont automatiquement reconnus. Les balises de <br /> saut de ligne, <p> début de paragraphe et </p> fin de paragraphe sont insérées automatiquement. Si un paragraphe n'est pas reconnu, ajoutez simplement deux sauts de lignes.
  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.