Création d’un tableau

Le but de ce chapitre est d’apprendre comment insérer un tableau dans une page html.
Ce chapitre est parmi les chapitres les plus simples en html mais la plus part des gens croient le contraire.

1) Création du tableau:

Pour créer un tableau en html, on utilise la balise table .
Syntaxe: <table> </table>
Dès que vous insérez cette balise dans votre éditeur et enregistrez sous forme d’une page html, votre tableau est déjà crée.
Mais actuellement vous ne pouvez pas le voir car vous n’avez pas encore crée les cellules du tableau…

 2) Titre du tableau:

Souvent un tableau porte un titre. Pour insérer le titre du tableau, vous pouvez utiliser la balis e caption, bien sûr a l’intérieur du balise table.

Syntaxe : <table> <caption> voici mon tableau </caption> <tableau>

 3) Bordure du tableau:

 Il est bien aussi, lors de la création d’un tableau, de déterminer la largeur de bordure, si non votre tableau n’aura pas de bordure.

Tableau sans bordure ?
Eh bien oui. On l’utilise sur les pages html. Si vous remarquez, la majorité des sites ont ces types de tableau et vous aussi vous en aurez besoin.

 Pour déterminer la largeur du  bordure, on utilise border :  

Syntaxe : <table border = "n"></table>

n étant un nombre entier.
Il est plus pratique de  ne rien mettre à la place de n ou de mettre 1 que de choisir un grand nombre. En tous cas vous pouvez jouer avec votre n.

 4) Insertion des lignes :

 Pour insérer une ligne, on utilise la balise tr.

Syntaxe : <table> <tr> </tr> </table>

 5) Insertion des cellules :

 Ici nous allons voir 2 manières d’insérer les cellules

Premièrement, on utilise la balise th à l’intérieur de la balise tr pour insérer une cellule d’en-tête.

Syntaxe : <tr> <th>contenue-de-la-cellule </th></tr >

Deuxièmement, on utilise la balise td  pour les cellules de valeur.

Syntaxe : <tr> <td>contenue-de-la-cellule </td></tr >

 6) Exemple :

Pour mieux comprendre, voici un exemple qui regroupe tous ce qu’on a dit :