Tableaux (table)
Définition :
Pour faire un tableau on utilise une balise table border="1" puis à l'intérieur :
on ajoute pour chaque ligne une balise
tr(table row ou ligne de table)à l'intérieur de celle-ci on ajoute pour chaque cellule une balise
td(table data)
Si on veut que la première ligne soit une ligne de titre on utilise des balises th (table head) à la place de td.
Exemple :
1
2
<html lang="fr">
3
<head>
4
<title>Population mondiale</title>
5
<meta charset="utf-8">
6
</head>
7
<body>
8
<h1>Population mondiale</h1>
9
<table border="1">
10
<tr><th>Année</th><th>Population mondiale</th></tr>
11
<tr><td>-100 000</td><td>0,5 million</td></tr>
12
<tr><td>-5 000</td><td>5 à 20 millions</td></tr>
13
<tr><td>400</td><td>190 à 206 millions</td></tr>
14
<tr><td>1000</td><td>254 à 345 millions</td></tr>
15
<tr><td>1500</td><td>425 à 540 millions</td></tr>
16
<tr><td>1900</td><td>1,550 à 1,762 milliard</td></tr>
17
<tr><td>1950</td><td>2,5 milliards</td></tr>
18
<tr><td>2015</td><td>7 349 472 000</td></tr>
19
</table>
20
<p>Source : Wikipédia.fr</p>
21
</body>
22
</html>
Syntaxe :
1
<table border="1">
2
<tr><th>Titre colonne 1 </th><th>Titre colonne 2 </th><th>...</th></tr>
3
<tr><td>Ligne 1 colonne 1</td><td>Ligne 1 colonne 2</td><td>...</td></tr>
4
<tr><td>Ligne 2 colonne 1</td><td>Ligne 2 colonne 2</td><td>...</td></tr>
5
</table>
Attention :
Les tableaux ne doivent pas être utilisés pour mettre en page des contenus, par exemple pour afficher des informations sur deux colonnes, on utilisera pour cela CSS, une technologie complémentaire à HTML.