[Forum] Un peu de HTML...

LéLé00352 (FR1)LéLé00352 (FR1) Messages: 1,973
17.06.2016 modifié dans FAQs, astuces et stratégies
Bonjour à tous,

Avec le nouveau forum est apparu un nouveau code pour écrire les messages. En effet, l'ancien forum utilisait le BBcode, et ce nouveau le HTML. Je ne vais pas vous décrire tout le code HTML, ça prendrait trèèèès longtemps et ça ne servirait à rien, mais je vais vous expliquer quelques bases afin que vous puissiez vous retrouvez sur ce nouveau forum :)

Tout d'abord, le code HTML n'est utilisé que si on le rentre dans le mode HTML ( pour ça, vous avez un petit bouton </> en haut à droite de votre zone de texte. Le fait d'écrire du HTML dans la zone de texte habituelle ne servira à rien.

Le code HTML ( Hypertext Markup Language ) est est le format de données conçu pour représenter les pages web. Il se compose de balises, et la plupart de ces balises fonctionnent par paire : un balise ouvrante et une balise fermante. Ces balises se composent de la sorte :

balise ouvrante : <nom de la balise>                        balise fermante : </nom de la balise>

Le texte situé entre ces deux balises sera alors modifié suivant le nom de la balise.

Voici maintenant un liste non exhaustive de différentes balises et les effets qu'elles produisent.


Balise B : Cette balise permet de mettre du texte en gras.
Ecriture : <b>Ce texte est en gras</b>
Résultat : Ce texte est en gras

Balise I : Cette balise permet de mettre du texte en italique.
Ecriture : <i>Ce texte est en italique</i>
Résultat : Ce texte est en italique

Balise U : Cette balise permet de souligner du texte.
Ecriture : <u>Ce texte est souligné</u>
Résultat : Ce texte est souligné

Balise STRIKE : Cette balise permet de barrer du texte.
Ecriture : <strike>Ce texte est barré</strike>
Résultat : Ce texte est barré

Balise H1 : Cette balise permet de mettre un texte en titre important.
Ecriture : <h1>Ce texte est un titre important</h1>
Résultat :

Ce texte est un titre important


Note : cette balise peut ne pas fonctionner correctement sans explication...

Balise H2 : Cette balise permet de mettre un texte en titre moins important que la balise h1.
Ecriture : <h2>Ce texte est un titre moins important</h2>
Résultat :

Ce texte est un titre moins important


Note : cette balise peut ne pas fonctionner correctement sans explication...

Balise BLOCKQUOTE : Cette balise permet de mettre un texte en retrait afin de le citer.
Ecriture : <blockquote>Ce texte est cité</blockquote>
Résultat :
Ce texte est cité

Note : Le bouton "Citer" du forum utilise un attribut afin d'augmenter la lisibilité de la citation. l'écriture est alors <blockquote class="Quote">Ce texte est cité</blockquote> et le résultat est
Ce texte est cité


Balise A : Cette balise permet de créer un lien.
Ecriture : <a>http://empire.goodgamestudios.com/?country=FR</a>;
<a href="http://empire.goodgamestudios.com/?country=FR">Lien du jeu Goodgame empire</a>
Résultat : http://empire.goodgamestudios.com/?country=FR
Lien du jeu Goodgame empire

Balise IMG : Cette balise permet de poster une image.
Ecriture : <img src="http://zupimages.net/up/15/40/89fs.png" />
Résultat :

Balise OL et LI : La balise OL permet de créer une liste ordonnée, la balise LI doit être utilisée lors de chaque retour à la ligne afin de créer les puces.
Ecriture : <ol> <li>bonjour <li>au revoir </ol>
Résultat :
  1. bonjour
  2. au revoir


Balise UL et LI : La balise UL permet de créer une liste non ordonnée, la balise LI doit être utilisée lors de chaque retour à la ligne afin de créer les puces.
Ecriture : <ul> <li>bonjour <li>au revoir </ul>
Résultat :
  • bonjour
  • au revoir


Balise BR : Cette balise permet de revenir à la ligne.
Ecriture : bonjour<br><br>au revoir
Résultat : bonjour

au revoir

Balise HR : Cette balise permet de créer une ligne horizontale afin de séparer plusiqurs parties d'un texte.
Ecriture : bonjour<hr>au revoir
Résultat : bonjour
au revoir

Balise FONT : Cette balise permet de modifier la couleur d'un texte, sa taille ou sa police.
Ecriture : <font color="#FF0000">Ce texte est en rouge</font>
<font size="5">Ce texte est plus grand</font>
<font face="impact">Ce texte est dans une autre police</font>
<font color="#FF0000", size="5", face="impact">Ce texte est en rouge, plus gros et dans une autre police</font>
Résultat : Ce texte est en rouge
Ce texte est plus grand
Ce texte est dans une autre police
Ce texte est en rouge, plus gros et dans une autre police

Note : Les couleurs se choisissent en fonction de leur nom en hexadécimal. La liste des couleurs en hexadécimal est disponible ici
Note : Les tailles de police peuvent varier entre 1 et 7, 1 étant la police la plus petite et 7 la plus grande. La taille d'écriture habituelle sur le forum correspond a une taille de police située entre 2 et 3.


Note finale : Sur le forum, certaines balises peuvent ne pas fonctionner normalement, être supprimées à chaque édition de message ou être remplacées par d'autres balises équivalentes.

Je termine ici cette liste qui devrait vous permettre de pouvoir écrire beaucoup de choses. Si cependant vous souhaitez qu'une balise non mentionnée apparaisse, ne vous genez surtout pas et postez le ! :) Idem si vous avez des questions ou si je me suis trompé quelque part !

Bonne utilisation du nouveau forum !


LéLé00352
Post edited by - Raisin - on

TUTO Les soldats                          TUTO Les engins
FORUM Un peu de HTML                TUTO Les équipements

Atra esterni ono thelduin
«1

Réponses

Sign In to comment.