Forum Créer des tableaux

DeletedUser37552 · 18. Fev 2017

Hello,

C'est en créant par moi-même des tableaux sur les bonus des unités adverses que je me suis rendu compte que créer un tableau n'était pas si simple que ça dans le forum FOE. Puis, suite à une conversation avec OtziH1305, je me suis dit que je me devais de partager ce que j'avais appris des outils tableaux sur le forum FOE. Voilà pourquoi je vous propose ce tutoriel.

On devrait souvent dire qu'il vaut mieux un beau tableau plutôt qu'un long discours. Je vous propose de vous aider à concevoir vos propres tableaux à l'aide de ce tutoriel que je vais diviser en trois parties.

I. Créer un tableau
II. Modifier un tableau
III. Mettre en forme un tableau

DeletedUser37552 · 18. Fev 2017

I. Créer un tableau
Créer un tableau sur le forum FOE nécessite de connaître l'utilisation de trois balises de base dans la mesure où l'outil tableau n'est pas implémenté à l'éditeur de texte enrichi. Une fois votre tableau créé, vous êtes libre de personnaliser le texte à l'intérieur de votre tableau.

A. Les balises de base
Trois balises permettent de créer un tableau simplement :

Balises	Commentaires
TABLE	La balise TABLE qui permet d'indiquer qu'il va s'agir d'un tableau. Cette balise se conclue avec la balise /TABLE.
TR	La balise TR qui permet de créer une ligne et qui se conclue par la balise /TR à la fin de la ligne.
TD	La balise TD qui permet de créer une cellule et qui se conclue par la balise /TD à la fin de la cellule.

Avec ces balises, vous pouvez créer des tableaux comportant autant de lignes et autant de colonnes que vous le souhaitez. Par exemple, pour créer un tableau comportant 3 lignes et 2 colonnes, vous devez entrer le code suivant :

Code :

[TABLE]
[TR][TD]Ligne 1, Colonne 1[/TD][TD]Ligne 1, Colonne 2[/TD][/TR]
[TR][TD]Ligne 2, Colonne 1[/TD][TD]Ligne 2, Colonne 2[/TD][/TR]
[TR][TD]Ligne 3, Colonne 1[/TD][TD]Ligne 3, Colonne 2[/TD][/TR]
[/TABLE]

Vous obtiendrez ce résultat :

Ligne 1, Colonne 1	Ligne 1, Colonne 2
Ligne 2, Colonne 1	Ligne 2, Colonne 2
Ligne 3, Colonne 1	Ligne 3, Colonne 2

B. La personnalisation du texte
Vous êtes libres de mettre en forme le texte comme vous le souhaitez (gras, italique, souligné, taille de police, alignement...), vous pouvez également insérez des images, des liens hypertextes...

Ce nombreuses balises peuvent s'appliquer les données de votre tableau. La plupart d'entre elles sont accessibles depuis l'éditeur de texte enrichi.

Attention toutefois, l'utilisation des balises de tableau qui ne sont pas intégrées à l'éditeur de texte enrichi peut conduire à des erreurs dans l'éditeur de texte enrichi.

DeletedUser37552 · 18. Fev 2017

II. Modifier un tableau

Deux modifications majeures peuvent être réalisées sur un tableau, l'une qui consiste à ajouter une ligne à un tableau, l'autre qui consiste à lui ajouter une colonne.

A. Ajouter une ligne à un tableau
L'ajout d'une ligne à votre tableau va nécessiter que vous utilisiez la balise TR pour indiquer que vous souhaitez insérer une ligne dans votre tableau mais aussi que vous utilisiez la balise TD pour chaque cellule que comporte les autres lignes de votre tableau. Chaque ligne doit comporter le même nombre de cellules.

Ainsi, pour ajouter une 4ème ligne au tableau précédent, vous devez entrer le code suivant :

Code :

[TABLE]
[TR][TD]Ligne 1, Colonne 1[/TD][TD]Ligne 1, Colonne 2[/TD][/TR]
[TR][TD]Ligne 2, Colonne 1[/TD][TD]Ligne 2, Colonne 2[/TD][/TR]
[TR][TD]Ligne 3, Colonne 1[/TD][TD]Ligne 3, Colonne 2[/TD][/TR]
[TR][TD]Ligne 4, Colonne 1[/TD][TD]Ligne 4, Colonne 2[/TD][/TR]
[/TABLE]

Vous obtenez alors ce résultat :

Ligne 1, Colonne 1	Ligne 1, Colonne 2
Ligne 2, Colonne 1	Ligne 2, Colonne 2
Ligne 3, Colonne 1	Ligne 3, Colonne 2
Ligne 4, Colonne 1	Ligne 4, Colonne 2

Bien sûr, vous pouvez insérer cette ligne supplémentaire à n'importe quel endroit de votre tableau.

B. Ajouter une colonne à votre tableau
L'ajout d'une colonne à votre tableau va nécessiter que vous utilisiez la balise TD pour ajouter une cellule sur chacune des lignes de votre tableau. Chaque ligne doit comporter le même nombre de cellules, ainsi, chaque ligne aura le même nombre de colonnes.

Pour ajouter une troisième colonne au tableau précédent, vous devez entrer le code suivant :

Code :

[TABLE]
[TR][TD]Ligne 1, Colonne 1[/TD][TD]Ligne 1, Colonne 2[/TD][TD]Ligne 1, Colonne 3[/TD][/TR]
[TR][TD]Ligne 2, Colonne 1[/TD][TD]Ligne 2, Colonne 2[/TD][TD]Ligne 2, Colonne 3[/TD][/TR]
[TR][TD]Ligne 3, Colonne 1[/TD][TD]Ligne 3, Colonne 2[/TD][TD]Ligne 3, Colonne 3[/TD][/TR]
[TR][TD]Ligne 4, Colonne 1[/TD][TD]Ligne 4, Colonne 2[/TD][TD]Ligne 4, Colonne 3[/TD][/TR]
[/TABLE]

Vous obtiendrez ce résultat :

Ligne 1, Colonne 1	Ligne 1, Colonne 2	Ligne 1, Colonne 3
Ligne 2, Colonne 1	Ligne 2, Colonne 2	Ligne 2, Colonne 3
Ligne 3, Colonne 1	Ligne 3, Colonne 2	Ligne 3, Colonne 3
Ligne 4, Colonne 1	Ligne 4, Colonne 2	Ligne 4, Colonne 3

OR73 · 4. Mar 2018

Bonjour Montess,
Si tu m' autorise un petit complément pour les débutants.
Pour utiliser les tableaux on utilise le BBCODE.
C' est un langage ' balisé ' propre à des autorisations de script interne au forum.
Cela veut donc dire que l' on doit respecter une sémantique définie.

Chaque objet est une ' zone ' que l' on défini par des balises.
Ce qui revient à dire que notre objet, ici le TABLEAU, est défini par un début et une fin.
En programmation on parle de balises ouvrantes et fermantes.
L' objet tableau s' appel : table.
Il est constitué de caractéristiques.

Des lignes, appelées: tr
Des cellules d' entête, th.
Des cellules de contenu, td.

Les colonnes ne peuvent être définie sur le forum, comme tu l' as fait remarquer.
Pour cette raison, chaque ligne doit contenir un nombre de cellules strictement identique.
Tout langage ' balisé ' fait apparaître une notion de parenté et de hiérarchie.
Ainsi, pour restituer un tableau. Les balises table ( tableau ) doivent contenir des balises tr ( ligne ).
Qui doivent elles même contenir des balises td ( cellule ) et éventuellement th ( entête ).
La ligne contenant les entêtes doit obligatoirement apparaître avant la ou les lignes de cellules.
En conclusion:

un objet se défini par une balise 'ouvrante ':
Code :
```
[OBJET]
```
l' objet prend fin avec une balise ' fermante ':
Code :
```
[/OBJET]
```

Pour définir un tableau avec entête:

Code :

[table] Ouverture de l' objet Tableau
[tr] Ouverture de l' objet Ligne
[th]Contenu d' entête [/th] Zone d' entête à 1 Cellule.
[/tr] Fermeture de la ligne.
[tr] Ouverture de l' objet Ligne
[td]Contenu de Cellule [/td] Zone à 1 Cellule.
[/tr] Fermeture de la ligne.
[/table] Fermeture de l' objet Tableau

Si l'on enlève les commentaires, le code pour un tableau à 1 cellule avec entête:

Code :

[table]
[tr] [th]Contenu d' entête[/th] [/tr]
[tr] [td]Contenu de Cellule [/td] [/tr]
[/table]

Contenu d' entête
Contenu de Cellule

Et le code pour un tableau à 2 cellule sans entête:

Code :

[table]
[tr] [td]Contenu de Cellule [/td] [td]Contenu de Cellule [/td][/tr]
[/table]

Contenu de Cellule

A noter:
La largeur des cellules est définie par le contenu des cellules.
Le plus grand contenu fixe la largeur pour l' ensemble de la colonne.

Vous pouvez retrouver les balises autorisées sur le forum ici.

Forum Créer des tableaux

DeletedUser37552

Guest

DeletedUser37552

Guest

DeletedUser37552

Guest

OR73

Forgeur d'or