Le média des professionnels du digital
Le média des professionnels du digital

Un peu de html pour les débutants

Flavien Chantrel, le 8 juin 2007

Comme vous l’avez remarqué, les options de mise en forme en format wiki sont très limitées : pas de changement de couleur, pas de possibilité de centrer le texte… Pour remédier à ce problème, vous pouvez utilisez quelques balises html pour obtenir le résultat escompté. Je vais vous en présenter quelques unes, les plus basiques pour commencer.

Tout d’abors, comme précisé dans un ancien billet, pour passer en mode html vous devez entrer cette balise (en enlevant les espaces) :
/ / /html

A la fin de votre utilisation, n’oubliez pas de rajouter (toujours en enlevant les espaces) :
/ / /

Pour entrer quelques balises html, vous pouvez donc rester en format wiki. Cela vous permettra d’utiliser la barre de mise en forme wiki, et de compléter par quelques balises html quand le besoin s’en fait sentir.

Voici les balises html les plus courantes (elles se placent au début et à la fin du texte que vous souhaitez mettre en forme) :

  • Gras : <b>texte</b>
  • italique : <i>texte</i>
  • Passage à la ligne : <br> (pas de balise de fermeture pour celle-ci)
  • Centrer le texte : <center>texte</center>
  • Taille des caractères : <font size=X>texte</font> Remplacez le X par la taille voulue, de 1 à 7. 3 est la valeur par défaut.
  • Couleur du texte : <font color= »#XXXXX »>texte</font> Le code #XXXXX correspond à la couleur voulu. Pour avoir les correspondances entre les codes et les couleurs, vous pouvez aller sur ce site très complet.
  • Insertion d’une image : <img src= »xxx.jpg »> XXX.jpg est la source de votre image. Si c’est une image externe, vous devrez mettre la source complète (http://—.jpg). Si cette image provient de votre gestionnaire de média, ne préciser que la fin de l’adresse (à partir de public/)
  • Insertion d’un lien : <a href= »adresse de votre lien »>mot ou phrase contenant votre lien</a>

A noter que si vous utilisez deux balises html différentes pour le même texte, faites attention à leur ordre. Elles doivent être placées comme suit :
<b><center>texte</center></b>
Si ce n’est pas le cas, cela ne fonctionnera pas…

Ces balises sont les plus courantes et les plus connues, elles permettront aux débutants d’avoir un peu plus de choix pour la mise en forme de leur blog. Pour les autres, rien de neuf ici !

Ces infos ont été trouvées (entres autres) ici.

Recevez nos meilleurs articles
Commentaires
  1. fredLynx dit :

    LOL tu t’es fait piégé par les balise html 😉 elles ont été interprétées donc pas affiché :
    Pour Info les balises => ///html [votre code html] ///

    Pour la couleur il y a aussi: http://www.colorsontheweb.com/colorwizard.asp

    Petite précision pour l’insertion d’une image le répertoire de base c’est /public/ attention il y a un slash devant et derrière.

  2. guillaume le webmarketeur dit :

    Ah !!!
    Enfin il est la ce tutoriel « hacheuté-emme-elle » qu’on attendait tant !!!
    Merci Modérateur pour ces astuces utiles à une mise en forme plus agréable.

  3. carole dit :

    Merci, Mr le Modérateur
    c’est juste ce qu’il me fallait !! 🙂
    Bonne journée !

  4. Modérateur dit :

    Arf j’étais sûr que çà arriverait! Je corrige çà tout de suite…

  5. carole dit :

    Bonjour,
    Quelle balise doit on utiliser pour justifier un texte, pour l’aligner?
    Merci d’avance

  6. fredlynx dit :

    Pour justifier il faut passer par la référence au style ex:

    <p style= »text-align:justify; »>
    bla bla bla
    </p>

  7. Ping : CVBlog - CHEF DE PROJETS
  8. carole dit :

    Merci Monsieur 🙂

  9. Nadine dit :

    Bonjour,

    Je suis en train de préparer un billet, et pour le rendre plus lisible, je voulais essayer de mettre de la couleur, mais je ne dois pas être très douée, car j’ai essayé de mettre un code html et il ne me le prend pas, il l’affiche en toutes lettres. Help me please ! 🙂

    Voila le code que j’ai écrit en voulant mettre le mot ’emploi’ en couleur :

    ///html[<font color= »#FF8080″>un emploi</font>]///

    Ca ne marche pas, où est l »erreur ??

    Merci pour votre aide.

    Nadine

  10. Modérateur dit :

    Il ne faut pas mettre les crochets.

    Ton code doit ressembler à çà :

    ///html
    <font color= »#FF8080″>un emploi</font>
    ///

  11. Valé dit :

    Bonjour, je n’arrive pas à faire fonctionner le changement de taille.
    Ce que j’ai mis c’est ça :
    ///html<font size=6>__Et la magie opère … __</font>///
    Où est l’erreur ?
    Merci

  12. Véronique dit :

    Ouf! Merci pour les récapitulatifs de fin d’année qui m’ont permis de trouver ce que je cherchais!

  13. Cloé dit :

    Comment changer le nom de son blog?

  14. aebmulti63 dit :

    Oui, un grand merci, mais pour moi rien ne marche, les billet dès que je les enregistres pour les publiés, ils disparaissent ou il ne m’en reste que la moitié et je suis bon pour recommencer, quand aux balises html c’est pareil, elles sont toujours affichées, et jamais interprétées en texte, 5 heures de bataille pour un billet, que je n’ai même pas pu publié finalement, rien ne marche, j’en peu plus, j’abandonne, ce ;;;; de blog.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *