| 
créer | pseudo  mot de passe  |  
 
guide
 
coin bordure coin
bordure

Petit guide HTML

Petit guide html à l'usage de ceux qui ont jamais rien compris aux mystères insondables des arcanes de l'informatique mais que grâce à moi eux aussi ils pourront faire les malins avec des liens et tout et tout…


Vous trouverez ici juste de quoi vous permettre de mettre un peu de style dans vos messages sur le forum, rien d'extraordinairement spectaculaire ni compliqué (on pense à tout le monde ici ;o))) ). Tout le html (cherchez pas c'est le nom de ce que je vous explique, la traduction importe peu) est basé sur l'insertion de balises… oui… c'est quoi donc une balise ? c'est juste un peu de texte mis entre < > et qui permet à votre ordinateur de tout comprendre.


Un peu de mise en page :
Attention !!! N'oubliez pas les balises de fermeture, qui s'écrivent </ > ;, et qui permettent de ne pas appliquer ce style à l'ensemble de la page et qui risquent de démolir tout le beau forum que vous avez entre le clavier. N'obligez pas les bullechefs à venir réparer manuellement vos oublis, faut jamais énerver un bullechef !

Mettre en gras : tapez : <b>votre texte en gras</b>
Par exemple : le mot <b>gras</b> est en gras donne : "le mot gras est en gras"

Mettre en italique : tapez <i>votre texte en italique</i>
Ex : le mot <i>italique</i> est en italique donne : "le mot italique est en italique"

Souligner : tapez <u>votre texte à souligner</u>
Ex : Il faut <u>changer</u> d'exemple donne : "il faut changer d'exemple"

Barrer du texte : tapez <s>votre texte à barrer</s>
Ex : Manu est <s>une</s> bête donne : "Manu est une bête"

Centrer du texte : tapez <center>votre texte à centrer</center>
Pas d'exemple, vous devez avoir compris à ce stade...

Changer la taille : tapez <font size= "+n">votre texte</font>, où n est le changement par rapport à la taille par défaut (vous pouvez aussi écrire -n, pour écrire plus petit).
Ex : normal ou <font size= "+4">plus grand</font> donne : "normal ou plus grand"
Ex : normal ou <font size= "-4">plus petit</font> donne : "normal ou plus petit"
Vous êtes fortement invités (avec politesse et tact néanmoins) à ne pas « abuser » notamment sur la valeur donnée à n (avec une valeur de 4-5, les effets sont déjà très efficaces ;o))) )

Insertion d'images
Deux cas peuvent se présenter :
Si l'image est sur un autre site web, tapez : <img src="adresse url"> où adresse url est ce qui apparaît dans le champ du même nom lorsque vous faites un clic-droit sur l'image et que vous sélectionnez "Propriétés" (vous pouvez copier/coller cette adresse)
Ex : <img src="http://www.bulledair.com/enveloppe.gif"> donne : ""
Si l'image est dans votre ordinateur, utilisez la section "mes images", où tout est détaillé, plus qu'à copier la balise donnée par la machine... (poids limité à 50Ko)
De manière générale, pensez aux modems vieux et fatigués ;o))) et aux petites résolutions, n'utilisez pas des images trop grandes et trop lourdes.
Note : la balise <img> est la seule qui ne demande pas à être fermée par une balise </img>, alors pour une fois... soyez insouciants ;o)))

Insertion de liens
Vous voilà arrivés au nirvana de la balise html, après ça le monde vous semblera différent.
Pour faire un lien vers un autre site tapez : <a href="adresse url">le texte qui sert de lien</a>, où adresse url est l'adresse qui apparaît dans votre navigateur (Internet Explorer ou Netscape dans la quasi totalité des cas)
Ex : allez sur le <a href="http://www.bulledair.com/index.php?rubrique=forum">forum</a> de Bulledair donne : "allez sur le forum de Bulledair"

Pour faire un lien vers un sujet du forum en pointant vers un message précis, notez le numéro de ce message, et la balise s'écrit : <a href="message.php?message=xxxx>xxxx est le numéro en question
Ex <a href="message.php?message=1">premier message</a> donne : premier message.

Comme d'habitude, on reste bien concentré jusqu'au bout et on n'oublie pas de fermer sa petite balise, pour pas faire du reste de la page un gigantesque lien qui risque de tout mettre en l'air... c'est pas long à taper </a> et c'est tellement plus mieux !!! ;o)))

Les bullebalises spéciales
Pour faire joli sur le forum, on a mis au point deux balises spéciales pour afficher des vignettes et des couvertures entourées d’une jolie bordure et cliquables. C’est faisable avec les balises décrites plus haute, mais beaucoup plus court avec les bullebalises… et y’a pas d’erreur :o)
Pour afficher une vignette la balise est : [vignette album=ref_album]ref_album est la référence de l’album sur bulledair (visible dans la barre d’adresse de votre navigateur : http://www.bulledair.com/index.php?rubrique=album&album=ref_album).
Ex : [vignette album=pilules_bleues]<b>Pilules bleues</b> : Cet album est vraiment bien. Lisez-le !
donne :
Pilules bleues : Cet album est vraiment bien. Lisez-le !



(Note : si vous enchaînez plusieurs vignettes avec peu de texte, pensez à sauter plusieurs lignes, sinon la mise en page sera… étrange…)
De même, la balise [couverture album=ref_album] affiche la couverture de l’album en question.







Voilà voilà, avec ça, vous avez l'essentiel pour pas vous sentir exclu par tous ceux qui suscitaient en vous l'admiration devant ce qui vous paraissait inaccessible.
J'en ai rêvé, Bulledair l'a fait ! ;o)))
Forumisez bien !



Images Copyright © Larcenet - Editions Audie - Fluide Glacial 1998

bordure
coin bordure coin