Aller au contenu principal

Formats de texte

HTML complet

  • 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.
  • 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>
  • You can embed entities. Additional properties can be added to the embed tag like data-caption and data-align if supported. Example:

    <drupal-entity data-entity-type="node" data-entity-uuid="07bf3a2e-1941-4a44-9b02-2d1d7a41ec0e" data-view-mode="teaser" />

HTML simple

  • Balises HTML autorisées : <br> <p class="border_site bkg_gray source"> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <cite> <dl> <dt> <dd> <span> <div> <a hreflang href title class id target="_blank" data-entity-type data-entity-uuid data-entity-substitution> <blockquote cite> <ul type> <ol type start> <strong> <em> <code> <li> <img src alt height width data-entity-uuid data-entity-type data-caption data-align>

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

HTML restreint

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

    For more information see the HTML Living Standard or use your favorite search engine to find other sites that explain HTML.

    Description de la balise Vous saisissez Vous obtenez
    Les ancres sont utilisées pour établir des liens vers d'autres pages. <a href="https://www.chemindesdames.fr">Chemin des Dames</a> Chemin des Dames
    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.

Texte brut

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