À vos claviers !


  Vous vous êtes toujours demandé:" Comment écrire de la couleur souhaitée dans un forum ( que se soit le nôtre ou n' importe lequel sur le net : pour peu que les balises HTML soit supportées )?

  Cette page est pour Toi: Toi qui râlait de voir que seul Vincenzo et B@tman savaient écrire en jaune, ou trés gros...

En fait cette page va vous initier à l'HTML. Non non! Ne partez pas, c' est trés patiemment expliqué et trés simplement.

L' HTML (hypertext markup language...oh yeah !!) est tout d' abord ce que l' on appelle un langage à balises. Mais qu' est ce qu' une balise ? Grossièrement une balise est délimitée par deux bornes et comporte les caractéristiques de ce qui sera écrit entre ses bornes. Cette balise est invisible à l' écran mais les fichiers sources en sont bourrés et si ce texte est en italique c' est grâce à une balise, ainsi que celui ci en gras.

Reste donc à connaitre le nom des balises et leurs caractéristiques. Seules quelques unes seront exposées ici afin de vous permettre de personnaliser vos messages. Des exemples vous seront également proposés afin de vous aider à y voir clair ( mais ça devrait bien se passer ).

1- Comment écrire en couleur ?

Je vous présente votre première balise: la balise <FONT> </FONT>
Vous remarquerez la différence subtile entre la borne de début et la borne de fin : le sigle "/"
Cette balise va nous permettre d' atteindre toutes les caractéristiques liées au formatage du texte compris entre ses bornes.
Restons sur l' exemple de la couleur du texte !.
Il suffit de définir le style avec lequel vous désirez écrire. Pour cela on va toucher au style appliqué par la balise font de la manière suivante:
<FONT style="color:[Couleur désirée];"> Votre texte </FONT>

Ce n' est pas plus compliqué que cela : il vous suffit d' inscrire ce qui précède dans la zone de saisie de votre message en remplaçant [Couleur désirée] par celle que vous choisissez parmi celles que je vous propose.

black navy green yellow
gray darkblue forestgreen gold
darkgray slateblue yellowgreen orange
silver royalblue limegreen coral
snow dodgerblue lime darkorange
lavender lightblue springgreen salmon
thistle azure chartreuse peachpuff
plum aliceblue palegreen pink
orchid blue lightgreen hotpink
magenta cyan olive deeppink
violet turquoise chocolate fushia
darkmagenta teal firebrick red
darkviolet darkgreen maroon tomato

Exemple: Mettons que je veuille écrire Bonjour dans un ton très efféminé je vais insérer, dans ma zone de saisie de texte, la ligne suivante:
<FONT style="color:deeppink;">Bonjour</FONT>
J' aurai alors à l'écran aprés saisi de l' intégralité de mon message:
Bonjour
fin de la leçon...
Vous savez maintenant colorer vos textes.

Remarque : Si vous n' avez rien compris du tout vous pouvez toujours faire un copier-coller de la ligne du dessus en remplaçant le nom de la couleur et le texte !

2- Comment écrire en gras et/ou italique et/ou souligné ?

Voici venue trois autres balises qui vous permettront d' écrire soit en italique soit en gras, soit souligné voire même de combiner le tout.
Ces balises sont encore plus simples d' utilisation que la précédente ! En effet pour écrire gras il vous suffit d' écrire entre les bornes <B> et </B> (b comme bold: gras en anglais...quelle culture !) pour l' italique ce sera entre les bornes<EM> et </EM> (qui ne veulent pas dire italique !); enfin pour le soulignement on écrit entre les bornes <U> et </U> ( u comme underline bien sûr.).
Enfin si vous voulez écrire gras et souligné vous n' avez qu' à imbriquer vos balises de telle manière:<U><B>Votre texte</B></U> afin d' obtenir Votre texte.
Remarque, l' ordre des balises n' importe absolument pas; ce qui importe c' est ce qu' il y a dedans.

Exemple 1: Donc cette fois je veux écrire le Bonjour de tout à l' heure toujours en rose mais souligné. Pour cela j' insère dans la zone de saisie du texte la phrase suivante:
<U><FONT style="color:deeppink;">Bonjour</FONT></U>
Et l' on obtient : Bonjour

Exemple 2: Cette fois ci je veux juste frimer en utilisant des balises à tout va et souligner une lettre sur deux de l' abréviation PSI et mettre les autres en gras, le tout en italique... (faut vraiment être un peu dérangé mais bon !!)
Pour faire ce charmant effet je vais écrire, toujours dans la zone de saisie du texte, la phrase immonde suivante:
<EM><U>P</U><B>S</B><U>I</U></EM>
Ce qui me donnera le non moins immonde effet suivant: PSI

3- Comment écrire de différentes tailles ?

Ce sera le dernier point abordé pour l' instant jusqu' à ce que vous soyez rassasiés, alors on envisagera d' écrire avec des fonds de couleurs (plus subtil!)
Pas de nouvelle balise pour cela ! On va réutiliser la balise <FONT></FONT> en atteignant un autre attribut du style appliqué par la balise:
La taille de l' écriture est définie de cette manière en pixel, et correspond aux tailles que vous manipulez habituellement avec votre traitement de texte favori:
Texte en 8 pixels
Texte en 10 pixels
Texte en 12 pixels
Texte en 14 pixels
Texte en 16 pixels
Texte en 20 pixels
Texte en 24 pixels
Texte en 30 pixels
Donc la syntaxe ressemblera à celle précédemment étudiée et sera la suivante:
<FONT style="font-size:[taille en pixels]px;">Votre texte</FONT>
Les deux caractéristiques taille/couleur pouvant être groupées dans une même balise de la façon suivante:
<FONT style="[Couleur désirée];font-size:[taille en pixels]px;">Votre texte</FONT>

Dernier détail: vous pouvez toujours imbriquer ces balises avec celles de soulignement, de gras et d' italique.


  page d' accueil

  les cours
  les sapins
  Le W-E à Vars
  les crêpes
  les bébés
  diverses

  Mr Added
  Mr Bouchoux
  Mr Bros

  accéder au forum
  messages personnalisés

  accéder au chat

  articles
  concours
  forum

  contacts
  liens

 
 
Psi* 2000-2001 : site créé en février 2001 par B@tman et Vincenzo / remodelé en août 2001 par -=[:(B@tman:)]=-