Astuces de rédaction

HTML simple

• Balises HTML autorisées : <a href hreflang class data-dialog-options data-dialog-type data-dialog-renderer> <em> <strong> <dfn class tabindex title> <button class disabled> <blockquote cite> <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> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr>

  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://civilprotection.solutions">Portfolio of CDM Gaps, Solutions and Trials</a>	Portfolio of CDM Gaps, Solutions and Trials
  Accentué	<em>Accentué</em>	Accentué
  Gras	<strong>Gras</strong>	Gras
  Aucune aide n'est fournie pour la balise dfn.
  Aucune aide n'est fournie pour la balise button.
  Citation longue	<blockquote>Citation longue</blockquote>	Citation longue
  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>	Premier élément 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
  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.
  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
  Aucune aide n'est fournie pour la balise span.
  Aucune aide n'est fournie pour la balise img.
  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 caption.
  Aucune aide n'est fournie pour la balise tbody.
  Aucune aide n'est fournie pour la balise thead.
  Aucune aide n'est fournie pour la balise tfoot.
  Aucune aide n'est fournie pour la balise th.
  Aucune aide n'est fournie pour la balise td.
  Aucune aide n'est fournie pour la balise tr.

  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	&	&
  Supérieur	>	>
  Inférieur	&lt;	<
  Marque de citation	&quot;	"

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