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 !">
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.
-------------------