Webmaster, rentabilisez votre site avec puboclic.com

Html

Faire defiler le texte :
- droite à gauche
Marquez : <marquee> texte </marquee>

- gauche à droite
Marquez : <marquee direction="right"> texte </marquee>

- haut en bas :
Marquez : <marquee direction="down"> texte </marquee>

- bas en haut :
Marquez : <marquee direction="up"> texte </marquee>

- droite à gauche et gauche à droite (effet rebondissant sur les cotés) :
Marquez : <marquee behavior='alternate'> texte </marquee>

- gauche à droite et droite à gauche (effet rebondissant sur les cotés) :
Marquez : <marquee direction="right" behavior='alternate'> texte </marquee>

Pour mettre en gras :
Marquez : <strong> texte </strong>
Et vous obtiendrez : texte

Pour mettre en italique :
Marquez : <I> texte</I>
Et vous obtiendrez : texte

Pour souligner :
Marquez : <U> texte </U>
Et vous obtiendrez : texte

Pour barrer :
Marquez : <S> texte </S>
Et vous obtiendrez : texte

Pour centrer :
Marquez :<center> texte </center>
Pas de démonstration ici

Pour aligner à gauche (par defaut...)

Pour aligner à droite :
Marquez : <div align="right"> texte </div>
Pas de démonstration ici

Une barre de séparation :
Marquez : <hr>
Pas de démonstration ici

Pour mettre en couleur :
Marquez : <font color="couleur"> texte </font>
Il vous suffit ensuite de remplacer couleur par le nom (en anglais)de la couleur.
exemple :
Marquez : <font color="blue"> texte</font>
Et vous obtiendrez : texte

Vous pouvez aussi remplacer couleur par la valeur chiffrée de votre couleur. (hexadécimal)
Par exemple :
Bleu : #0066FF
Rouge : #6633FF
Les valeurs chiffrées ont pour avantage d'offrir un plus grand choix de couleur( Pour plus d'infos, rendez-vous sur des sites spécialisés)

Pour changer la police :
Marquez <font face="arial"> texte </font>
Il vous suffit ensuite de remplacer arial par le nom de la police désirée.
exemple :
Marquez : <font face="Comic sans ms"> texte </font>
Et vous obtiendrez : texte

Pour changer la taille du texte :
Marquez : <font size="4"> texte </font>
Et vous obtiendez : texte
Ps : il faut changer 4 par un nombre soit plus grand (police plus grande) soit plus petit (police plus petite)

Inserer des images :
Pour cela il faut déjà que votre image possède une URL : il faut donc que votre image soit stockée sur Internet.
Si vous avez trouvé votre image sur un site Internet, il vous suffit de faire " clique droit " à " propriété " et de noter l'URL de l'image.
Si votre image est stocké sur votre ordinateur, vous devez d'abord là stocké sur Internet, pour ce faire aller sur ce site : http://www.imageshack.us/ et hébergé votre image, puis récupérez sont URL.

Ensuite servez-vous de la balise <img src="URL"> , et changez URL par celle de votre image.(voir ci dessus)
Par exemple :
Marquez : <IMG SRC="http://darkfreed.ohfr.com/signature/signature.png">
Et vous obtiendrez :

Faire un lien :
Un lien permet de rediriger la personne qui clique dessus vers une autre page.
<A HREF="URL"> Votre mot/phrase de lien </A>
Par exemple, si vous voulez que lorsque l'on clique sur le mot admin de votre texte, l'on soit redirigé vers la page de la guilde des admin.
Marquez : <A HREF="http://www.slayersonline.info/communaute/guilde.php?id=5">admin</A>
Et vous obtiendrez : admin (cliquez dessus pour tester)

Et pour ouvrir la page dans une nouvelle fenêtre, rajoutez le parametre : target=_blank comme ceci :
<A href="http://www.slayersonline.info/communaute/guilde.php?id=5" target=_blank>admin</A>
Et vous obtiendrez : admin (cliquez dessus pour tester)

Vous pouvez aussi faire un lien vers une adresse mail.
Balise : <a href="mailto:adresse e-mail"> Mot/phrase de lien. </a>
Et vous obtiendrez : Mot/phrase de lien.

Mettre un fond de page dans sa description :
Il suffit de mettre
<tr><td background="URL">
Remplacer URL par l'url complete : http://...

<tr><td><tr><td bgcolor="black">
Vous pouvez remplacer black par une couleur autre, en anglais comme red : rouge ; yellow : jaune ; black : noir ; etc...

Voila donc les bases permettant d'améliorer vos descriptions et vos posts sur les forums.
Il existe bien évidement des dizaines d'autres fonctions mais ce tutorial n'a pas pour but de vous apprendre le HTML, juste les bases utiles dans vos description ;)
Précision : Certaines balises ont été volontairement bloquées (celle permettant de mettre une musique dans sa description, javascript, body, ...) : donc ne vous étonnez pas si vous voyez qu'une balise particulière se "transforme" d'elle-même lorsque vous actualisez votre description.


Inspiré de la faq.