Comment Insérer Un Tableau Dans Un Site Web

Table des matières:

Comment Insérer Un Tableau Dans Un Site Web
Comment Insérer Un Tableau Dans Un Site Web

Vidéo: Comment Insérer Un Tableau Dans Un Site Web

Vidéo: Comment Insérer Un Tableau Dans Un Site Web
Vidéo: Comment insérer un tableau sur son site ? 2024, Peut
Anonim

Les langages de balisage HTML, Wiki et BB-Code ont des outils pour créer des tableaux. Cela vous permet de placer des informations sur les caractéristiques comparatives de certains objets, des données statistiques et autres dans les documents ou messages du forum.

Comment insérer un tableau dans un site Web
Comment insérer un tableau dans un site Web

Instructions

Étape 1

Pour créer un tableau dans un document HTML, ouvrez-le d'abord avec la balise

… Après cela, ouvrez sa première ligne avec la balise

(TR est l'abréviation de ligne de table, c'est-à-dire une ligne de table). Vous pouvez maintenant insérer le nombre de cellules souhaité dans la chaîne. Distinguez chacun d'eux en ouvrant l'étiquette

… Ici, l'abréviation TD signifie données de table, c'est-à-dire données de table. Après avoir placé le nombre de cellules requis de cette manière, fermez la ligne avec la balis

… Lorsque toutes les lignes ont été saisies, fermez le tableau lui-même à l'aide de la balise

en saisissant les données après, puis en plaçant une balise de fermeture

par exemple:

Locaux Nombre de prises
Couloir 1
Salle de bains 0
Cuisine 2
Chambre 3
Balcon 0

Étape 2

En ajoutant à la balise

paramètres, vous pouvez modifier la couleur et l'épaisseur de ses lignes. Pour que le périmètre extérieur de la table ait une épaisseur d'un pixel et que les lignes intérieures aient une épaisseur de deux pixels, et que tout cela soit peint en bleu foncé, utilisez cette construction:

Étape 3

Pour fusionner plusieurs cellules horizontalement, utilisez en conjonction avec la balise

paramètre colspan. Donc, si vous écrivez

vous obtenez une cellule d'une largeur de deux colonnes

Étape 4

Lors de la rédaction d'un message de forum qui utilise BB-Code, utilisez les mêmes balises pour créer des tableaux, mais utilisez des crochets au lieu de crochets angulaires. Cela pourrait ressembler à ceci:

[tableau]

[tr] [td] Salle [/td] [td] Nombre de prises [/td] [/tr]

[tr] [td] Couloir [/td] [td] 1 [/td] [/tr]

[tr] [td] Salle de bain [/td] [td] 0 [/td] [/tr]

[tr] [td] Cuisine [/td] [td] 2 [/td] [/tr]

[tr] [td] Chambre [/td] [td] 3 [/td] [/tr]

[tr] [td] Balcon [/td] [td] 0 [/td] [/tr]

[/tableau]

Cette technique ne fonctionne pas dans tous les forums, et tous les tags ne sont pas pris en charge dans ceux qui ont la fonction correspondante.

Étape 5

Dans le langage de balisage Wiki, formatez les tableaux comme indiqué ci-dessous:

{|

| Locaux

| Nombre de prises

|-

| Couloir

|1

|-

| Salle de bain

|0

|-

| Cuisine

|2

|-

| Chambre

|3

|-

| Balcon

|0

|}

signe | est utilisé ici pour passer à la cellule suivante, et | - est utilisé pour le saut de ligne.

Conseillé: