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.
8 juin 2007 - 10h16
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.
8 juin 2007 - 10h23
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.
8 juin 2007 - 10h39
Merci, Mr le Modérateur
c’est juste ce qu’il me fallait !!
Bonne journée !
8 juin 2007 - 11h12
Arf j’étais sûr que çà arriverait! Je corrige çà tout de suite…
9 juin 2007 - 8h11
Bonjour,
Quelle balise doit on utiliser pour justifier un texte, pour l’aligner?
Merci d’avance
9 juin 2007 - 23h03
Pour justifier il faut passer par la référence au style ex:
<p style= »text-align:justify; »>
bla bla bla
</p>
10 juin 2007 - 1h06
Le HTML est Mort
Le HTML est mort qu’on se le dise et le redise !!! Quelques pensées pour ce langage qui est dans la tête de millions de développeurs, professionnels et amateurs, mais soyons fous et remettons-nous en question……
10 juin 2007 - 21h12
Merci Monsieur
12 septembre 2007 - 14h55
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
12 septembre 2007 - 14h59
Il ne faut pas mettre les crochets.
Ton code doit ressembler à çà :
///html
<font color= »#FF8080″>un emploi</font>
///
8 décembre 2007 - 2h26
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
30 décembre 2007 - 17h40
Ouf! Merci pour les récapitulatifs de fin d’année qui m’ont permis de trouver ce que je cherchais!
23 mai 2008 - 15h26
Comment changer le nom de son blog?
1 août 2008 - 12h20
bonjour j’aimerai aligné les petite et pub en fin de blog mais malgré vos conseille je n’y arrive pas
voici le code
<p style= »font-size:10px; »>
<a href= »http://www.referencement-2000.com« >
<img border= »0″ src= »http://statsgratuit.ref2000.com/img/positionnement-publicitaire.gif » style= »width:120px;height:50px;border:0; » alt= »referencement gratuit » />
</a><br />
<a href= »http://www.iseom.com/publicitate-online.html » onclick= »window.open(this.href,’_blank’);return false; »>publicitate</a><br />
<a href= »http://www.referencement-2000.com« >referencement</a>
<a href= »http://www.ad1-airsoft.com/index.php?affiliate_banner_id=6 » target= »_blank »><img src= »http://www.ad1-airsoft.com/images/bouton 140×36.jpg » border= »0″ alt= »banniere 140×36″><br>airsoft</a></p>
<a href= »http://www.casimages.com« ><img src= »http://nsm01.casimages.com/img/2008/07/25//080725062407352292310702.gif » alt= »Image hébergée par Casimages.com : votre hébergeur d images simple et gratuit » border= »0″/></a>
et là l’adresse de mon blog
http://blog.ifrance.com/airsoft-reunion
15 mars 2012 - 21h27
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.