Difference between revisions of "Aide:Mise en forme avancée"

From wiki
Jump to navigation Jump to search
(Created page with " == Mise en forme de texte == Voici quelques trucs qui vous aideront pour la mise en forme du texte : ==Centrer aligner == *Pour centrer le texte, utilisez le code suivant...")
(No difference)

Revision as of 08:09, 31 May 2018

Mise en forme de texte

Voici quelques trucs qui vous aideront pour la mise en forme du texte :

Centrer aligner

  • Pour centrer le texte, utilisez le code suivant :
    • Entrez <div style="text-align: center;">
    • Tapez le texte
    • Finalement, entrez </div>
  • De façon générale, votre code devrait ressembler à ceci :

<div style="text-align: center;"> Texte centré </div>

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :

Texte centré

Texte barré

  • Pour marquer le texte d’une barre médiane, utilisez le code suivant :
    • Tapez <s> devant le texte
    • Tapez le texte
    • Tapez </s>après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<s>blah blah blah</s>

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :

blah blah blah

Exposant

  • Pour mettre du texte en exposant, utilisez le code suivant :
    • Tapez <sup>devant le texte
    • Tapez le texte
    • Tapez </sup>après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<sup>blah blah blah</sup>

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :

blah blah blah blah blah blah

Indice

  • Pour mettre du texte en indice, utilisez le code suivant :
    • Tapez <sub> devant le texte
    • Tapez le texte
    • Tapez </sub>après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<sub>blah blah blah</sub>

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :

blah blah blah blah blah blah

Commentaire caché

  • Pour insérer un commentaire caché, utilisez le code suivant :
    • Tapez <!-- devant le texte
    • Tapez le texte
    • Tapez --> après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<!-- blah blah blah-->

Vous ne serez pas en mesure de voir le texte caché sur la présente page, mais vous pourrez le voir lorsque vous essayerez de modifier cette page. Le texte caché est surtout utilisé pour des mises en garde.

Titre secondaire

  • Pour insérer un titre secondaire, utilisez le code suivant :
    • Tapez == devant le texte
    • Tapez le texte
    • Tapez ==après le texte
  • De façon générale, votre code devrait ressembler à ceci :

==blah blah blah==

  • Une fois que vous aurez tapé le code, votre texte devrais avoir l’air come les titres soulignés sur cette page.

Tabulation

  • Pour insérer une marque de tabulation, utilisez le code suivant :
    • Tapez :: devant le texte
  • De façon générale, votre code devrait ressembler à ceci :

::blah blah blah

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :
blah blah blah

Couleur du texte

  • Pour changer la couleur du texte, utilisez le code suivant :
    • Tapez <span style="color: ColorName"> devant le texte
    • Choisir la couleur
    • Tapez le texte
    • Tapez </span> après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<span style="color: green">blah blah blah</span>

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :

blah blah blah

  • Une autre façon d’accomplir cela :
    • Tapez <font color="ColorName"> devant le texte
    • Choisir la couleur
    • Tapez le texte
    • Tapez </font> après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<font color="green">blah blah blah</font>

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :

blah blah blah

Conseil

Pour obtenir le nom des couleurs, consultez un site tel que Hex Mixer


Liens

  • Pour que les liens externes aient l’aspect des liens internes, utilisez le code suivant :
    • Tapez <span class="plainlinks"><font color="002bb8"> devant le texte
    • Tapez ce lien externe
    • Tapez </font></span> après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<span class="plainlinks"><font color="002bb8">[http://example.com lien externe ]</font></span>

  • Une fois ce code saisi, le lien externe devrait avoir cet aspect :

Lien externe

  • Veuillez noter qu’une personne qui utilise une pelure personnalisée dictant les couleurs des différents liens — vert pour les liens internes et mauve pour les « liens rouges », par exemple — continuera de voir les liens formatés à l’aide de ce code en bleu et de les voir différemment des autres liens.

Soulignement

  • Pour souligner du texte, faites ceci :
    • Tapez <u> devant le texte
    • Tapez le texte
    • Tapez </u>après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<u>texte</u>

  • Une fois ce code saisi, le texte devrait avoir cet aspect :

texte


Taille des caractères

  • Pour donner une taille particulière au texte, utilisez le code suivant :
    • Tapez <font size="4"> devant le texte
    • Choisir la taille
    • Tapez le texte
    • Tapez </font> après le texte
  • De façon générale, votre code devrait ressembler à ceci :

<font size="4">blah blah blah</font>

  • Une fois que vous aurez tapé ce code, votre texte aura cet aspect :

blah blah blah