Tutorial de base des balises HTML

Pour commencer vous devez utilisez un logiciel bloc-notes ou logiciel ou éditeur code (et non logiciel de traitement de texte) !
Une petite explication :
Les textes en
bleu sont modifiable à volonté ! " Notre texte ici " correspond à votre texte personnel que vous allez mettre !

alignement centré : <p align="center">Notre texte ici !</p>

alignement gauche : <p align="left">Notre texte ici !</p>

alignement droit : <p align="right">Notre texte ici !</p>

Maintenant nous allons mettre en valeur notre texte :

Là ont met en gras : <b>Notre texte ici !</b>
Là ont met en italique : <i>Notre texte ici !</i>
Là ont combine les deux : <b><i>Notre texte ici !</i></b>

Maintenant ont met de la couleur :

<font color="
red">Notre texte ici !</font>
Bien sûr ont peut combinés tout les codes précédents !

Maintenant ont ajoute un caractère à son texte :

<font face="
Times New Roman">Notre texte ici !</font>

On combine les font :

<font face="
Times New Roman" color="red">Notre texte ici !</font>

Maintenant ont met une taille à tout ça :

<font size="
5">Notre texte ici !</font>

On combine :

<font face="
Times New Roman" color="red" size="5">Notre texte ici !</font>

Allez  ont souligne le texte, faut pas oublier ;-) :

<u>Notre texte ici !</u>
On peut bien sûr tout combinés ! ;-)

Allez on lui met un lien ;-) :

<a href="
http://votre_adresse_ici">Notre texte ici !</a>
On va choisir là où le lien va s'ouvrir !
<a href="
http://votre_adresse_ici" target="_blank">Notre texte ici !</a>
Dans l'exemple on ouvre dans une nouvelle fenêtre !

Une image dans votre page c'est simple :

<img src="
Ici l'adresse de votre image" border="0" alt="Texte qui apparaît quand vous survoler l'image !">
Donc on résume tout ça on sait faire un alignement, mettre un texte en gras, italique, souligné, mettre une taille, un caractère, et un lien, afficher une image !

Voilà une base pour commencer à coder ! ;-)

-------------------

Insérer une INFO BULLE

Au dessus d'un texte:

<a title="votre info bulle"><b><font size="2" color="#FF7837">votre texte</a></b><BR></FONT>

Résultat: votre texte

Sur une image:

Ajoutez  title="Commentaire" dans la balise IMG ce qui donnera par exemple:
<a title="Notre texte ici !"><img border="0" src="images/basketball.gif" width="50" height="50"></a></p>
 

 

ou encore : <img src="Ici l'adresse de votre image" border="0" alt="Notre texte ici !">

 

Texte qui apparaît quand vous survoler l'image !

 

 

Sur un lien:

 Pour cela, insérez title="Commentaire" dans la balise du lien. Cela donnera, par exemple:
<a title="votre info bulle" href="votre_page.htm">le texte a afficher en clair </a></span></b></font></p>

 Résultat: BIENVENUE a BOUILLON

-------------------

Les Codes Couleurs

Le codes couleurs se définissent pars des caractères barbares styles #FF0000 pour obtenir le rouge.

le mieux pour connaître le code couleur que vous avez besoin est d'utiliser ce générateur de code couleurs.

GÉNÉRATEUR DE CODE COULEURS

-------------------