VEF Blog

Mettre en forme ses commentaires ? (expert)

Mettre en forme ses commentaires, à quoi ça sert ?
Prenons un exemple simple :
Une personne, que nous nommerons X, écrit un article sur une sortie ayant eu lieu le week-en dernier avec ses ami(e)s. Ces derniers, que nous nommerons A, B, C, D, E, F, réagissent à cet article en commentant avec enthousiasme, car ils se sont tous bien amusés. Seulement, C a vraiment adoré, il est encore plus enthousiaste que A, B, D, E, F mais son commentaire est noyé dans la masse.

C aurait bien voulu que son commentaire flashe, tel un éclair dans la nuit, mais il ne savait pas comment faire pour effectuer la mise en forme.

Et comment fait-on ?
Rédigez votre commentaire comme vous avez l'habitude de le faire.
Exemple : C'était génial, cette soirée au ciné puis en boîte. On a bien ri, il faudrait en refaire une bientôt.

Avant de le poster, égayons-le un peu. Mettons "génial" en gras, et soulignons "bientôt".

Pour mettre en gras, il suffit d'utiliser la balise correspondante. Encadrons le mot génial par la balise ouvrante : <b>  et la balise fermante </b>
Dans votre saisie de commentaire, vous allez donc obtenir :
C'était <b>génial</b>...

Pour souligner, il suffit d'utiliser la balise <u>. De manière analogue, vous allez donc obtenir dans votre zone de saisie : C'était <b>génial</b> (...) <u>bientôt</u>. Maintenant, vous pouvez le poster.

Et quand votre commentaire sera posté, il s'affichera ainsi :
C'était génial, cette soirée au ciné puis en boîte. On a bien ri, il faudrait en refaire une bientôt.

Vous pouvez aussi utiliser plusieurs balises imbriquées, pour mettre par exemple "génial" en gras italique :
C'était <b><i>génial</i></b> (...)

Lorsque vous imbriquez des balises, elles se ferment dans l'ordre inverse de leur ouverture.

Vous l'avez compris, toutes les balises HTML de mise en forme s'utilisent de la même façon, il suffit à chaque fois de les ouvrir et les fermer, et de bien les mettre autour du mot, de la phrase ou du paragraphe à mettre en forme. Attention, l'oubli de fermeture est fréquent et peut détériorer la mise en forme de tous les commentaires précédant le vôtre. Soyez donc vigilant.
Note de Legolas : ceci n'est plus vrai grâce au vérificateur html qui empeche que une erreur plombe les autres commentaires ou articles. Mais si vous voulez devenir de vrais geeks en html, suivez les conseils de Marielle !


Voici maintenant une liste non-exhaustive de balises de mise en forme :

• <b>expression</b> : expression en gras
• <i>expression</i> : expression en italique
• <u>expression</u> : expression en souligné
• <div align="right">expression</div> : expression alignée à droite
• <div align="left">expression</div> : expression alignée à gauche
• <div align="center">expression</div> : expression alignée au centre

Voici maintenant une liste non-exhaustive de balises d'insertion :

Attention, ces balises ne sont pas toutes du type ouverture/fermeture !

• <img src="http://mon.site/image.jpg" alt="image" onmouseover="bulle('image',event);" title="" onmouseout="couic();" onmousemove="bullemove(event);" onmouseover="bulle('image',event);" title="" onmouseout="couic();" onmousemove="bullemove(event);" /> : insére une image dans votre commentaire, à sa taille d'origine
• <img src="htp://mon.site/image.jpg" alt="legende" onmouseover="bulle('legende',event);" title="" onmouseout="couic();" onmousemove="bullemove(event);" onmouseover="bulle('legende',event);" title="" onmouseout="couic();" onmousemove="bullemove(event);" width="Xpx" height="Ypx" /> : insére une image dans votre commentaire, avec une hauteur (X pixels) et une largeur (Y pixels) spécifiées par vos soins.
• <hr /> : insére une ligne horizontale
• <a href="http://monsite.com/">Lien vers mon site</a> : l'expression "Lien vers mon site" devient cliquable et contient un lien vers http://monsite.com

Note de Legolas : ces balises sont aussi valables pour les articles, à condition seulement de passer en mode 'Voir le code html' !