PhpBB-Power

[Alcazarfr]

Les Balises HTML

Lorsque vous tapez un texte sous un logiciel de traitement de texte, vous avez la possibilité de mettre en forme votre texte, modifier sa couleur, sa taille, le mettre en italique ou en gras, ou encore d'aller à la ligne.
Les Balises HTML font de même, sur vos pages Web.

Et sur pour votre forum, elles peuvent vous être utiles pour mettre en forme vos textes, telle que la chartre ou autres.

• Introduction
  Petite introduction sur les balises et leurs utilisations
  
  
• Modifier votre texte à l'aide des balises HTML
  Mettre votre texte en italique, gras, de le souligner, de créer un lien, ou autres
  
  
• Modifier la mise en forme de votre texte
  Aller à la ligne, augmenter la taille ou la couleur
  
  
• Utilisation & imbrication correct des balises
  L'imbrication des balises répond à des rêgles... voici lesquelles
  
  
• Participation d'Edouard: des balises html "en vrac"
  Les balises html les plus frequentes et utiles
  
  

[Alcazarfr]

Introduction

Utiliser les balises correctement

• Structure des balises:
  Il est bon à savoir que la structure des balises et toujours identique. Elle est toujours comme ceci:
  

  Code:

  <> </>

  Entre chaque < et >, une lettre (ou un mot) indique de quelle balise il s'agit.
  Le <> indique le début de la balise, et le </> sa fin.
  
  
  
• Texte et balises:
  Le texte qui "subira" les effets de la balise doit être situé entre les balises.
  

Un partie sur l'imbrication des balises est plus bas.
_________________
Je n'utilise en aucun cas MSN Messenger & je ne participe pas au projet de site

// En vacances

[Alcazarfr]

Modifier votre texte à l'aide des balises HTML

Mettre votre texte en italique, gras, de le souligner, créer un lien, augmenter la taille ou la couleur

• Mettre en gras:
  Balise: <b> </b>
  

  Code:

  <b>Mon texte en gras</b>

  
  Ce qui donne Mon texte en gras
  
  
  
• Mettre en italique:
  Balise: <i> </i>
  

  Code:

  <i>Mon texte en italique</i>

  
  Ce qui donne Mon texte en italique
  
  
  
• Soulignez:
  Balise: <u> </u>
  

  Code:

  <u>Mon texte souligné</u>

  
  Ce qui donne Mon texte souligné
  
  
  
• Créer un lien:
  Balise: <a href=""> </a>
  

  Code:

  <a href="http://www.phpbb-power.com/index.php"> Mon lien vers phpBB-Power </a>

  
  Ce qui donne Mon lien vers phpBB-Power
  
  
  
• Taille du texte:
  Balise: <font size=""> </font>
  

  Code:

  <font size="1"> Mon texte en tout petit</font>

  
  Ce qui donne Mon texte en tout petit
  NB: Plus le nombre entre les "" est grand, plus la taille du texte augmentera
  
  
  
• Couleur du texte
  Balise: <font color=> </font>
  

  Code:

  <font color=red> Mon texte en rouge</font>

  
  Ce qui donne Mon texte en rouge
  NB: Le nom de la couleur doit être en anglais.
  
  Si vous ne connaissez pas le nom de cette couleur, utiliser sa valeur hexadecimal:
  Balise: <font color="#FF0000"> </font>
  

  Code:

  <font color=#FF0000> Mon texte en rouge</font>

  
  Ce qui donne Mon texte en rouge
  
  
  Vous pourrez trouvez un tableau des couleurs dès que j'en aurais un bien

_________________
Je n'utilise en aucun cas MSN Messenger & je ne participe pas au projet de site

// En vacances

[Alcazarfr]

Modifier la mise en forme de votre texte

Aller à la ligne, centrer le texte, ou faire un espace

• Aller à la ligne:
  Balise: <br />
  

  Code:

  Ligne 1<br />Ligne 2<br />Ligne 3

  
  Ce qui donne:
  Ligne 1
  Ligne 2
  Ligne 3
  
  
  
• Position du texte:
  Balise: <p align=""> </p>
  

  Code:

  <p align="right">Ligne décalée vers la droite</p>

  
  Le résultat n'est pas affichable ici.
  
  Right peut être remplacé par center, ce qui centrera le texte
  
  
  
• Centrer un texte (2):
  Balise: <center> </center>
  

  Code:

  <center>Ligne décalée vers la droite</center>

  
  Le résultat n'est pas affichable ici.
  
  
  
• Espace:
  Balise: &nbsp;
  

  Code:

  Salut       super...

  
  Ce qui donne:
  Salut super...

_________________
Je n'utilise en aucun cas MSN Messenger & je ne participe pas au projet de site

// En vacances

[Alcazarfr]

Imbriquer correctement des balises

Utiliser plusieurs balises à la fois


Il est possible d'utiliser plusieurs balises à la fois.

[hyspin]

je suis nouveau ici et je suis administrateur d'un forum... je cherche les lettre dans mon panneau de configuration qui permettent d'insérer des balise html comme ci dessous.
ce sont celle qui permettent d'aligner les images a gauche et la grandeur de l'image... pour que mes post soient un peu plus catholique sur mon forum

[Edouard]

[hyspin]

comme indiqué ci dessus, je cherche les lettres (balise html) qui me permettront d'aligner dans mon forum certaines images avec un format défini ( le heigth et le width)

Image ci jointe

[Edouard]

A ok, désolé je n'avais pas compirs, et sinon et bien je pense qu'il faut tout simplement que tu rajoute img, non?

[Alcazarfr]

essaye img, font, size, color

NB: Tu peu aussi utiliser des BBCodes...

[hyspin]

un grand Merci en tout cas...a vous deux

et voila ce que ca donne voir image remplacée ci dessus...

Ps: vous avez repondu a cette question (dont la réponse est très satisfaisante),d'autre forum (3 en tout) n'ont pas su y répondre...

Super Pro...

[Alcazarfr]

Ce qui suit est une participation d'Edouard

____________________________________

Salut a tous,
Voici quelques balises HTML:

• <b>votre texte</b>
  Ces balises auront pour effet de mettre votre texte en gras.
  
  
• <i>Votre texte</i>
  Ces balises auront pour effet de mettre votre texte en italique.
  
  
• <u>Votre texte</u>
  Ces balises auront pour effet de souligner votre texte.
  
  
• Votre texte<br/>
  Cette balise aura pour effet de faire un retour a la ligne.
  
  
• <font color="red">Votre texte</font>
  Ces balises auront pour effet de colorer votre texte en rouge. Pour changer la couleur il vous suffit de remplacer "red" soit par une autre couleur en anglais soit par son code héxadécimal
  
  
• <font size="3">Votre texte</font>
  Ces balises auront pour effet de modifier la taille de votre texte, pour changer cette taille, il vous suffit de remplacer "3" par un autre nombre.
  
  
• Vous pouvez aussi rassembler <font color="red"> et <font size="3">, ce qui donnera <font color="red" size="3">
  
  
• <table><tr><td>Votre texte</td></tr></table>
  Ces balises auront pour effet de creer un tableau:
  
  • Les balises <table> et </table> servent à définir le début et la fin de votre tableau.
    
  • Les balises <tr> et </tr> servent à créer les lignes de votre tableau.
    
  • Les balises <td> et </td> servent à créer les collones de votre tableau.
  
  

[mirrar]

J'ai un petit probleme...
Le forum refuse de m'insérer une image, alors que avec une page html normale ou php, ca marche :

[img]http://forum.exile.fr/top/?player=mirrar&type=1[/img]
Et même en format html :

<img src="http://forum.exile.fr/top/?player=mirrar&type=1">...

Ai-je loupé quelque chose?

ps: le html est bien activé sur mon forum, et c'est un forumactif.com, ainsi qu'un actifforum.com

[Alcazarfr]

Ici, c'est le chemin de ton image qui est erronée

Il faut que ce soit un fichier .gif, .jpg, .png, .bmp , etc. (un format image) et non pas ce que tu as maintenant
_________________
Je n'utilise en aucun cas MSN Messenger & je ne participe pas au projet de site

// En vacances